feat: add design persistence functionality with Auth0 and Supabase integration

- Implemented `useDesignPersistence` composable for managing design records.
- Enhanced `useSlipmatDesigner` to support loading designs from JSON.
- Created global authentication middleware for route protection.
- Added Supabase client plugin for database interactions.
- Developed API endpoints for fetching, saving, and retrieving designs.
- Introduced utility functions for Auth0 token verification and Supabase client retrieval.
- Updated Nuxt configuration to include Auth0 and Supabase environment variables.
- Added necessary dependencies for Auth0 and Supabase.
- Enhanced TypeScript configuration for improved type support.

plugins/auth0.client.ts

@@ -0,0 +1,48 @@
+import { createAuth0 } from "@auth0/auth0-vue";
+import { defineNuxtPlugin, useRuntimeConfig } from "nuxt/app";
+
+declare module "@auth0/auth0-vue" {
+  interface AppState {
+    target?: string;
+  }
+}
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const config = useRuntimeConfig();
+  const auth0Config = config.public.auth0;
+
+  if (!auth0Config?.domain || !auth0Config?.clientId) {
+    if (process.dev) {
+      console.warn(
+        "Auth0 configuration is incomplete. Set AUTH0_DOMAIN and AUTH0_CLIENT_ID in your environment."
+      );
+    }
+    return;
+  }
+
+  const redirectUri = auth0Config.redirectUri ?? `${auth0Config.baseUrl}/auth/callback`;
+
+  nuxtApp.vueApp.use(
+    createAuth0({
+      domain: auth0Config.domain,
+      clientId: auth0Config.clientId,
+      authorizationParams: {
+        redirect_uri: redirectUri,
+        audience: auth0Config.audience || undefined,
+        scope: auth0Config.scope,
+      },
+      cacheLocation: "localstorage",
+      useRefreshTokens: true,
+      onRedirectCallback: (appState) => {
+        const targetPath = appState?.target ?? "/";
+        if (nuxtApp.$router) {
+          nuxtApp.$router.replace(targetPath).catch(() => {
+            window.location.assign(targetPath);
+          });
+        } else {
+          window.location.assign(targetPath);
+        }
+      },
+    })
+  );
+});

plugins/supabase.client.ts

@@ -0,0 +1,27 @@
+import { createClient, type SupabaseClient } from "@supabase/supabase-js";
+import { defineNuxtPlugin, useRuntimeConfig } from "nuxt/app";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const { url, anonKey } = useRuntimeConfig().public.supabase;
+
+  if (!url || !anonKey) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        "Supabase configuration is incomplete. Set SUPABASE_URL and SUPABASE_ANON_KEY in your environment."
+      );
+    }
+
+    nuxtApp.provide("supabase", null);
+    return;
+  }
+
+  const supabase = createClient(url, anonKey, {
+    auth: {
+      persistSession: true,
+      storageKey: "slipmatz.supabase.auth",
+    },
+  });
+
+  nuxtApp.provide("supabase", supabase);
+  nuxtApp.vueApp.config.globalProperties.$supabase = supabase;
+});