style(config): update global styles and TypeScript configuration

- Update global CSS with improved styling
- Enhance TypeScript configuration for better type checking

web/src/app/globals.css

@@ -151,56 +151,56 @@
 
 	--shadow-opacity: var(--shadow-opacity);
 
-	--color-shadow-color: var(--shadow-color)
+	--color-shadow-color: var(--shadow-color);
 }
 
 :root {
 	--radius: 0.3rem;
 
-	--background: oklch(1.0000 0 0);
+	--background: oklch(1 0 0);
 	--foreground: oklch(0.1884 0.0128 248.5103);
-	--card: oklch(1.0000 0 0);
+	--card: oklch(1 0 0);
 	--card-foreground: oklch(0.1884 0.0128 248.5103);
-	--popover: oklch(1.0000 0 0);
+	--popover: oklch(1 0 0);
 	--popover-foreground: oklch(0.1884 0.0128 248.5103);
 	--primary: oklch(0.6723 0.1606 244.9955);
-	--primary-foreground: oklch(1.0000 0 0);
+	--primary-foreground: oklch(1 0 0);
 	--muted: oklch(0.98 0 247.84);
 	--muted-foreground: oklch(0.55 0.02 264.36);
 	--accent: oklch(0.9392 0.0166 250.8453);
 	--accent-foreground: oklch(0.6723 0.1606 244.9955);
 	--destructive: oklch(0.6188 0.2376 25.7658);
-	--destructive-foreground: oklch(1.0000 0 0);
+	--destructive-foreground: oklch(1 0 0);
 	--border: oklch(0.9317 0.0118 231.6594);
 
 	--input: oklch(0.9809 0.0025 228.7836);
 
 	--chart-1: oklch(0.6723 0.1606 244.9955);
 	--chart-2: oklch(0.6907 0.1554 160.3454);
-	--chart-3: oklch(0.8214 0.1600 82.5337);
+	--chart-3: oklch(0.8214 0.16 82.5337);
 	--chart-4: oklch(0.7064 0.1822 151.7125);
 	--chart-5: oklch(0.5919 0.2186 10.5826);
 	--sidebar: oklch(0.9784 0.0011 197.1387);
 	--sidebar-foreground: oklch(0.1884 0.0128 248.5103);
 	--sidebar-primary: oklch(0.6723 0.1606 244.9955);
-	--sidebar-primary-foreground: oklch(1.0000 0 0);
+	--sidebar-primary-foreground: oklch(1 0 0);
 	--sidebar-accent: oklch(0.9392 0.0166 250.8453);
 	--sidebar-accent-foreground: oklch(0.6723 0.1606 244.9955);
 	--sidebar-border: oklch(0.9271 0.0101 238.5177);
-	--sidebar-ring: oklch(0.6818 0.1584 243.3540);
+	--sidebar-ring: oklch(0.6818 0.1584 243.354);
 
-	--shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
 
 	--magic-gradient-color: oklch(0.6723 0.1606 244.9955 / 15%);
 
-	--ring: oklch(0.6818 0.1584 243.3540);
+	--ring: oklch(0.6818 0.1584 243.354);
 
 	--font-serif: Georgia, serif;
 
@@ -228,46 +228,46 @@
 .dark {
 	--background: oklch(0 0 0);
 	--foreground: oklch(0.9328 0.0025 228.7857);
-	--card: oklch(0.2097 0.0080 274.5332);
+	--card: oklch(0.2097 0.008 274.5332);
 	--card-foreground: oklch(0.8853 0 0);
 	--popover: oklch(0 0 0);
 	--popover-foreground: oklch(0.9328 0.0025 228.7857);
-	--primary: oklch(0.6700 0.2000 23.8000);
+	--primary: oklch(0.67 0.2 23.8);
-	--primary-foreground: oklch(1.0000 0 0);
+	--primary-foreground: oklch(1 0 0);
 	--secondary: oklch(0.9622 0.0035 219.5331);
 	--secondary-foreground: oklch(0.1884 0.0128 248.5103);
 	--muted: oklch(0.31 0.03 266.71);
 	--muted-foreground: oklch(0.78 0 0);
 	--accent: oklch(0.1928 0.0331 242.5459);
-	--accent-foreground: oklch(0.6448 0.2290 20.4673);
+	--accent-foreground: oklch(0.6448 0.229 20.4673);
 	--destructive: oklch(0.6188 0.2376 25.7658);
-	--destructive-foreground: oklch(1.0000 0 0);
+	--destructive-foreground: oklch(1 0 0);
 	--border: oklch(0.38 0.03 269.73);
 
-	--input: oklch(0.3020 0.0288 244.8244);
+	--input: oklch(0.302 0.0288 244.8244);
-	--ring: oklch(0.6700 0.2000 23.8000);
+	--ring: oklch(0.67 0.2 23.8);
 	--chart-1: oklch(0.6723 0.1606 244.9955);
 	--chart-2: oklch(0.6907 0.1554 160.3454);
-	--chart-3: oklch(0.8214 0.1600 82.5337);
+	--chart-3: oklch(0.8214 0.16 82.5337);
 	--chart-4: oklch(0.7064 0.1822 151.7125);
 	--chart-5: oklch(0.5919 0.2186 10.5826);
-	--sidebar: oklch(0.2097 0.0080 274.5332);
+	--sidebar: oklch(0.2097 0.008 274.5332);
 	--sidebar-foreground: oklch(0.8853 0 0);
-	--sidebar-primary: oklch(0.6700 0.2000 23.8000);
+	--sidebar-primary: oklch(0.67 0.2 23.8);
-	--sidebar-primary-foreground: oklch(1.0000 0 0);
+	--sidebar-primary-foreground: oklch(1 0 0);
 	--sidebar-accent: oklch(0.1928 0.0331 242.5459);
 	--sidebar-accent-foreground: oklch(0.5869 0.2251 31.5657);
-	--sidebar-border: oklch(0.3795 0.0220 240.5943);
+	--sidebar-border: oklch(0.3795 0.022 240.5943);
 	--sidebar-ring: oklch(0.4952 0.1902 31.5028);
 
-	--shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0);
-	--shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
+	--shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
 
 	--magic-gradient-color: oklch(0.67 0.2 23.8 / 15%);
 
@@ -284,7 +284,6 @@
 	--shadow-offset-x: 0px;
 
 	--shadow-offset-y: 2px;
-
 }
 
 @layer base {

web/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-		"lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-		"jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -19,10 +23,22 @@
       }
     ],
     "paths": {
-			"@/*": ["./src/*"],
+      "@/*": [
-			"@/metadata": ["../metadata.json"]
+        "./src/*"
+      ],
+      "@/metadata": [
+        "../metadata.json"
+      ]
     }
   },
-	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
-	"exclude": ["node_modules"]
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }