feat: Refactor icon components to support filled and outlined states

- Updated Add.vue to handle filled and outlined states, merging AddFilled.vue functionality.
- Refactored Bell.vue and BellFilled.vue into a single component with filled state support.
- Created Credit.vue for credit card icon with filled and outlined states.
- Refactored Home.vue and HomeFilled.vue into a single component with filled state support.
- Refactored Layout.vue and LayoutFilled.vue into a single component with filled state support.
- Refactored Upload.vue and UploadFilled.vue into a single component with filled state support.
- Refactored Video.vue and VideoFilled.vue into a single component with filled state support.
- Enhanced index.tsx to include nonce for security in SSR.
- Updated main.ts to handle application data from SSR.
- Improved auth layout to include meta description for SEO.
- Updated routes to include meta information for head management.
- Simplified auth store methods for better readability and error handling.
- Updated UnoCSS configuration to include class prefix for better utility management.

src/main.ts

@@ -24,6 +24,7 @@ export function createApp() {
             preset: Aura,
             options: {
                 darkModeSelector: '.my-app-dark',
+                cssLayer: false,
                 // cssLayer: {
                 //     name: 'primevue',
                 //     order: 'theme, base, primevue'
@@ -32,15 +33,18 @@ export function createApp() {
         }
     });
     app.use(ToastService);
-    app.directive('no-hydrate', {
+    app.directive('nh', {
         created(el) {
             el.__v_skip = true;
         }
     });
     app.directive("tooltip", Tooltip)
     if (!import.meta.env.SSR) {
-        if ((window as any).__PINIA_STATE__ ) {
-            pinia.state.value = (window as any).__PINIA_STATE__;
+        Object.entries(JSON.parse(document.getElementById("__APP_DATA__")?.innerText || "{}")).forEach(([key, value]) => {
+            (window as any)[key] = value;
+        });
+        if ((window as any).$p ) {
+            pinia.state.value = (window as any).$p;
         }
     }
     app.use(pinia);