-___-

apps/main/src/lib/core/constants.ts

@@ -48,9 +48,9 @@ export const secondaryNavTree = [
 ] as AppSidebarItem[];
 
 export const FRONTEND_URL =
-    env.PUBLIC_FRONTEND_URL ?? "https://iotam-frontend.snapyra.com";
+    env?.PUBLIC_FRONTEND_URL ?? "https://iotam-frontend.snapyra.com";
 export const WS_SCRCPY_URL =
-    env.PUBLIC_WS_SCRCPY_SVC_URL ?? "https://iotam-ws-scrcpy.snapyra.com";
+    env?.PUBLIC_WS_SCRCPY_SVC_URL ?? "https://iotam-ws-scrcpy.snapyra.com";
 
 export const COMPANY_NAME = "SaaS Template";
 export const WEBSITE_URL = "https://company.com";

apps/main/src/routes/(main)/account/+page.svelte

@@ -20,17 +20,17 @@
 
     let { data }: { data: PageData } = $props();
 
-    const user = $state(data.user!);
+    const user = $derived(data.user!);
 
     // Separate form state for profile and password
-    let profileData = $state({
-        name: user.name ?? "",
-        username: user.username ?? "",
-    });
+    let profileData = $state({ name: "", username: "" });
+    let passwordData = $state({ password: "", confirmPassword: "" });
 
-    let passwordData = $state({
-        password: "",
-        confirmPassword: "",
+    $effect(() => {
+        profileData = {
+            name: user.name ?? "",
+            username: user.username ?? "",
+        };
     });
 
     // Handle profile form submission (name, username)
@@ -185,9 +185,7 @@
     <Card.Root>
         <Card.Header>
             <Card.Title>Password Settings</Card.Title>
-            <Card.Description>
-                Update your account password.
-            </Card.Description>
+            <Card.Description>Update your account password.</Card.Description>
         </Card.Header>
         <Card.Content>
             <form onsubmit={handlePasswordSubmit} class="space-y-4">