Refactor app.css to streamline imports and enhance global styles; update class names in landingpage.svelte for consistency

apps/dashboard/src/app.css

@@ -1,5 +1,11 @@
 /*Write your global styles here, in PostCSS syntax */
 
+@import 'tailwindcss';
+
+@import '@cio/ui/output.css';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
 /* Geist variable font — self-hosted */
 @font-face {
   font-family: 'Geist';
@@ -32,12 +38,6 @@
     U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
-@import 'tailwindcss';
-
-@import '@cio/ui/output.css';
-
-@custom-variant dark (&:where(.dark, .dark *));
-
 /** Global scrollbar styles */
 html {
   --scrollbarBG: #fff;