feat: UI overhaul

babel.config.testing.js

@@ -0,0 +1 @@
+module.exports = { presets: ['@babel/preset-env'] }

jest.config.js

@@ -1,4 +1,4 @@
-/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
+/** @type {import('ts-jest').JestConfigWithTsJest} */
 module.exports = {
   preset: 'ts-jest',
   testRegex: '(/__tests__/.*|\\.(test|spec))\\.[tj]sx?$',
@@ -10,4 +10,15 @@ module.exports = {
     '<rootDir>/test/',
     '<rootDir>/src/utils/',
   ],
+  transformIgnorePatterns: ['node_modules/(?!(superjson)/)'],
+  transform: {
+    '^.+\\.(ts|tsx)?$': [
+      'ts-jest',
+      { configFile: './babel.config.testing.js' },
+    ],
+    '^.+\\.(js|jsx)$': [
+      'babel-jest',
+      { configFile: './babel.config.testing.js' },
+    ],
+  },
 }

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.mjs

@@ -3,6 +3,9 @@ import './env.mjs'
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  compiler: {
+    styledComponents: true,
+  },
 }
 
 export default nextConfig