feat: upgrade to React 19, Tailwind 4, sysinfo 0.38 and implement manual chunk splitting

src/index.css

@@ -1,9 +1,36 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+  --color-rosewater: #f5e0dc;
+  --color-flamingo: #f2cdcd;
+  --color-pink: #f5c2e7;
+  --color-mauve: #cba6f7;
+  --color-red: #f38ba8;
+  --color-maroon: #eba0ac;
+  --color-peach: #fab387;
+  --color-yellow: #f9e2af;
+  --color-green: #a6e3a1;
+  --color-teal: #94e2d5;
+  --color-sky: #89dceb;
+  --color-sapphire: #74c7ec;
+  --color-blue: #89b4fa;
+  --color-lavender: #b4befe;
+  --color-text: #cdd6f4;
+  --color-subtext1: #bac2de;
+  --color-subtext0: #a6adc8;
+  --color-overlay2: #9399b2;
+  --color-overlay1: #7f849c;
+  --color-overlay0: #6c7086;
+  --color-surface2: #585b70;
+  --color-surface1: #45475a;
+  --color-surface0: #313244;
+  --color-base: #1e1e2e;
+  --color-mantle: #181825;
+  --color-crust: #11111b;
+}
 
 :root {
-  /* Catppuccin Mocha */
+  /* Keep vars for direct usage in JS if needed */
   --rosewater: #f5e0dc;
   --flamingo: #f2cdcd;
   --pink: #f5c2e7;
@@ -121,24 +148,3 @@ body {
 .animate-pulse-soft {
     animation: pulse-soft 2s infinite ease-in-out;
 }
-
-.bg-red { background-color: var(--red); }
-.bg-green { background-color: var(--green); }
-.bg-blue { background-color: var(--blue); }
-.bg-mauve { background-color: var(--mauve); }
-.bg-surface0 { background-color: var(--surface0); }
-.bg-surface1 { background-color: var(--surface1); }
-.bg-base { background-color: var(--base); }
-
-.text-red { color: var(--red); }
-.text-green { color: var(--green); }
-.text-blue { color: var(--blue); }
-.text-mauve { color: var(--mauve); }
-.text-text { color: var(--text); }
-.text-subtext0 { color: var(--subtext0); }
-.text-subtext1 { color: var(--subtext1); }
-.text-overlay1 { color: var(--overlay1); }
-.text-overlay2 { color: var(--overlay2); }
-
-.border-surface1 { border-color: var(--surface1); }
-.border-red { border-color: var(--red); }