chore: lint and format

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

packages/frontend/src/routes/me/security/+page.svelte

@@ -63,101 +63,101 @@
   </div>
 
   <Card class="bg-card/50 border-primary/20 max-w-2xl">
-      <CardHeader>
-        <CardTitle>{$_("me.settings.privacy_title")}</CardTitle>
-        <CardDescription>{$_("me.settings.privacy_subtitle")}</CardDescription>
-      </CardHeader>
-      <CardContent class="space-y-4">
-        <form onsubmit={handleSecuritySubmit} class="space-y-4">
-          <div class="space-y-2">
-            <Label for="email">{$_("me.settings.email")}</Label>
+    <CardHeader>
+      <CardTitle>{$_("me.settings.privacy_title")}</CardTitle>
+      <CardDescription>{$_("me.settings.privacy_subtitle")}</CardDescription>
+    </CardHeader>
+    <CardContent class="space-y-4">
+      <form onsubmit={handleSecuritySubmit} class="space-y-4">
+        <div class="space-y-2">
+          <Label for="email">{$_("me.settings.email")}</Label>
+          <Input
+            id="email"
+            type="email"
+            placeholder={$_("me.settings.email_placeholder")}
+            bind:value={email}
+            required
+            class="bg-background/50 border-primary/20 focus:border-primary"
+          />
+        </div>
+
+        <div class="space-y-2">
+          <Label for="password">{$_("me.settings.password")}</Label>
+          <div class="relative">
             <Input
-              id="email"
-              type="email"
-              placeholder={$_("me.settings.email_placeholder")}
-              bind:value={email}
+              id="password"
+              type={showPassword ? "text" : "password"}
+              placeholder={$_("me.settings.password_placeholder")}
+              bind:value={password}
               required
-              class="bg-background/50 border-primary/20 focus:border-primary"
+              class="bg-background/50 border-primary/20 focus:border-primary pr-10"
             />
+            <button
+              type="button"
+              onclick={() => (showPassword = !showPassword)}
+              class="cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
+            >
+              {#if showPassword}
+                <span class="icon-[ri--eye-off-line] w-4 h-4"></span>
+              {:else}
+                <span class="icon-[ri--eye-line] w-4 h-4"></span>
+              {/if}
+            </button>
           </div>
+        </div>
 
-          <div class="space-y-2">
-            <Label for="password">{$_("me.settings.password")}</Label>
-            <div class="relative">
-              <Input
-                id="password"
-                type={showPassword ? "text" : "password"}
-                placeholder={$_("me.settings.password_placeholder")}
-                bind:value={password}
-                required
-                class="bg-background/50 border-primary/20 focus:border-primary pr-10"
-              />
-              <button
-                type="button"
-                onclick={() => (showPassword = !showPassword)}
-                class="cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-              >
-                {#if showPassword}
-                  <span class="icon-[ri--eye-off-line] w-4 h-4"></span>
-                {:else}
-                  <span class="icon-[ri--eye-line] w-4 h-4"></span>
-                {/if}
-              </button>
-            </div>
+        <div class="space-y-2">
+          <Label for="confirmPassword">{$_("me.settings.confirm_password")}</Label>
+          <div class="relative">
+            <Input
+              id="confirmPassword"
+              type={showConfirmPassword ? "text" : "password"}
+              placeholder={$_("me.settings.confirm_password_placeholder")}
+              bind:value={confirmPassword}
+              required
+              class="bg-background/50 border-primary/20 focus:border-primary pr-10"
+            />
+            <button
+              type="button"
+              onclick={() => (showConfirmPassword = !showConfirmPassword)}
+              class="cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
+            >
+              {#if showConfirmPassword}
+                <span class="icon-[ri--eye-off-line] w-4 h-4"></span>
+              {:else}
+                <span class="icon-[ri--eye-line] w-4 h-4"></span>
+              {/if}
+            </button>
           </div>
+        </div>
 
-          <div class="space-y-2">
-            <Label for="confirmPassword">{$_("me.settings.confirm_password")}</Label>
-            <div class="relative">
-              <Input
-                id="confirmPassword"
-                type={showConfirmPassword ? "text" : "password"}
-                placeholder={$_("me.settings.confirm_password_placeholder")}
-                bind:value={confirmPassword}
-                required
-                class="bg-background/50 border-primary/20 focus:border-primary pr-10"
-              />
-              <button
-                type="button"
-                onclick={() => (showConfirmPassword = !showConfirmPassword)}
-                class="cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-              >
-                {#if showConfirmPassword}
-                  <span class="icon-[ri--eye-off-line] w-4 h-4"></span>
-                {:else}
-                  <span class="icon-[ri--eye-line] w-4 h-4"></span>
-                {/if}
-              </button>
-            </div>
+        {#if isSecurityError}
+          <div class="grid w-full items-start gap-4">
+            <Alert.Root variant="destructive">
+              <Alert.Title class="items-center flex">
+                <span class="icon-[ri--alert-line] inline-block w-4 h-4 mr-1"></span>
+                {$_("me.settings.error")}
+              </Alert.Title>
+              <Alert.Description>{securityError}</Alert.Description>
+            </Alert.Root>
           </div>
+        {/if}
 
-          {#if isSecurityError}
-            <div class="grid w-full items-start gap-4">
-              <Alert.Root variant="destructive">
-                <Alert.Title class="items-center flex">
-                  <span class="icon-[ri--alert-line] inline-block w-4 h-4 mr-1"></span>
-                  {$_("me.settings.error")}
-                </Alert.Title>
-                <Alert.Description>{securityError}</Alert.Description>
-              </Alert.Root>
-            </div>
+        <Button
+          type="submit"
+          class="cursor-pointer w-full bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90"
+          disabled={isSecurityLoading}
+        >
+          {#if isSecurityLoading}
+            <div
+              class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin mr-2"
+            ></div>
+            {$_("me.settings.updating_security")}
+          {:else}
+            {$_("me.settings.update_security")}
           {/if}
-
-          <Button
-            type="submit"
-            class="cursor-pointer w-full bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90"
-            disabled={isSecurityLoading}
-          >
-            {#if isSecurityLoading}
-              <div
-                class="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin mr-2"
-              ></div>
-              {$_("me.settings.updating_security")}
-            {:else}
-              {$_("me.settings.update_security")}
-            {/if}
-          </Button>
-        </form>
-      </CardContent>
-    </Card>
+        </Button>
+      </form>
+    </CardContent>
+  </Card>
 </div>