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;

packages/ui/src/custom/moving-icons/landingpage.svelte

@@ -34,9 +34,9 @@
     class="layout-template-icon"
     class:animate={isHovered}
   >
-    <rect width="18" height="7" x="3" y="3" rx="1" class="ui:top-panel" />
+    <rect width="18" height="7" x="3" y="3" rx="1" class="top-panel" />
-    <rect width="9" height="7" x="3" y="14" rx="1" class="ui:bottom-left-panel" />
+    <rect width="9" height="7" x="3" y="14" rx="1" class="bottom-left-panel" />
-    <rect width="5" height="7" x="16" y="14" rx="1" class="ui:bottom-right-panel" />
+    <rect width="5" height="7" x="16" y="14" rx="1" class="bottom-right-panel" />
   </svg>
 </div>