feat: add authentication token handling for design persistence

app/pages/designer.vue

@@ -128,8 +128,12 @@ const persistDesign = async (designId: string, design: ExportedDesign) => {
     ),
   ]);
 
+  // Get Firebase ID token for authentication
+  const idToken = user.value ? await user.value.getIdToken() : null;
+
   await $fetch("/api/designs", {
     method: "POST",
+    headers: idToken ? { Authorization: `Bearer ${idToken}` } : {},
     body: {
       designId,
       templateId: design.templateId,

server/api/designs.post.ts

@@ -27,6 +27,9 @@ export default defineEventHandler(async (event) => {
     });
   }
 
+  // Extract the authorization token from the incoming request
+  const authHeader = getHeader(event, "authorization");
+
   const payload = {
     designId: body.designId,
     templateId: body.templateId,
@@ -43,6 +46,7 @@ export default defineEventHandler(async (event) => {
     const result = await $fetch("/designs", {
       baseURL: backendUrl,
       method: "POST",
+      headers: authHeader ? { Authorization: authHeader } : {},
       body: payload,
     });