style: apply prettier formatting across frontend components and pages

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

packages/frontend/src/routes/admin/articles/[id]/+page.server.ts

@@ -5,7 +5,10 @@ export async function load({ params, fetch, cookies }) {
   const token = cookies.get("session_token") || "";
   const [articles, modelsResult] = await Promise.all([
     adminListArticles(fetch, token).catch(() => []),
-    adminListUsers({ role: "model", limit: 200 }, fetch, token).catch(() => ({ items: [], total: 0 })),
+    adminListUsers({ role: "model", limit: 200 }, fetch, token).catch(() => ({
+      items: [],
+      total: 0,
+    })),
   ]);
   const article = articles.find((a) => a.id === params.id);
   if (!article) throw error(404, "Article not found");

packages/frontend/src/routes/admin/articles/[id]/+page.svelte

@@ -107,13 +107,13 @@
           <button
             type="button"
             class={`px-3 py-1 transition-colors ${editorTab === "write" ? "bg-primary/10 text-primary" : "text-muted-foreground"}`}
-            onclick={() => (editorTab = "write")}
-          >{$_("admin.common.write")}</button>
+            onclick={() => (editorTab = "write")}>{$_("admin.common.write")}</button
+          >
           <button
             type="button"
             class={`px-3 py-1 transition-colors ${editorTab === "preview" ? "bg-primary/10 text-primary" : "text-muted-foreground"}`}
-            onclick={() => (editorTab = "preview")}
-          >{$_("admin.common.preview")}</button>
+            onclick={() => (editorTab = "preview")}>{$_("admin.common.preview")}</button
+          >
         </div>
       </div>
       <div class="sm:grid sm:grid-cols-2 sm:gap-4 min-h-96">
@@ -127,7 +127,9 @@
           {#if preview}
             {@html preview}
           {:else}
-            <p class="text-muted-foreground italic text-sm">{$_("admin.article_form.preview_placeholder")}</p>
+            <p class="text-muted-foreground italic text-sm">
+              {$_("admin.article_form.preview_placeholder")}
+            </p>
           {/if}
         </div>
       </div>
@@ -152,7 +154,11 @@
         <SelectTrigger class="w-full">
           {#if selectedAuthor}
             {#if selectedAuthor.avatar}
-              <img src={getAssetUrl(selectedAuthor.avatar, "mini")} alt="" class="h-5 w-5 rounded-full object-cover shrink-0" />
+              <img
+                src={getAssetUrl(selectedAuthor.avatar, "mini")}
+                alt=""
+                class="h-5 w-5 rounded-full object-cover shrink-0"
+              />
             {/if}
             {selectedAuthor.artist_name}
           {:else}
@@ -164,7 +170,11 @@
           {#each data.authors as author (author.id)}
             <SelectItem value={author.id}>
               {#if author.avatar}
-                <img src={getAssetUrl(author.avatar, "mini")} alt="" class="h-5 w-5 rounded-full object-cover shrink-0" />
+                <img
+                  src={getAssetUrl(author.avatar, "mini")}
+                  alt=""
+                  class="h-5 w-5 rounded-full object-cover shrink-0"
+                />
               {/if}
               {author.artist_name}
             </SelectItem>
@@ -195,7 +205,11 @@
     </label>
 
     <div class="flex gap-3 pt-2">
-      <Button onclick={handleSubmit} disabled={saving} class="bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90">
+      <Button
+        onclick={handleSubmit}
+        disabled={saving}
+        class="bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90"
+      >
         {saving ? $_("admin.common.saving") : $_("admin.common.save_changes")}
       </Button>
       <Button variant="outline" href="/admin/articles">{$_("common.cancel")}</Button>

packages/frontend/src/routes/admin/articles/new/+page.svelte

@@ -98,13 +98,22 @@
       </div>
       <div class="space-y-1.5">
         <Label for="slug">{$_("admin.common.slug_field")}</Label>
-        <Input id="slug" bind:value={slug} placeholder={$_("admin.article_form.slug_placeholder")} />
+        <Input
+          id="slug"
+          bind:value={slug}
+          placeholder={$_("admin.article_form.slug_placeholder")}
+        />
       </div>
     </div>
 
     <div class="space-y-1.5">
       <Label for="excerpt">{$_("admin.article_form.excerpt")}</Label>
-      <Textarea id="excerpt" bind:value={excerpt} placeholder={$_("admin.article_form.excerpt_placeholder")} rows={2} />
+      <Textarea
+        id="excerpt"
+        bind:value={excerpt}
+        placeholder={$_("admin.article_form.excerpt_placeholder")}
+        rows={2}
+      />
     </div>
 
     <!-- Markdown editor with live preview -->
@@ -115,13 +124,13 @@
           <button
             type="button"
             class={`px-3 py-1 transition-colors ${editorTab === "write" ? "bg-primary/10 text-primary" : "text-muted-foreground"}`}
-            onclick={() => (editorTab = "write")}
-          >{$_("admin.common.write")}</button>
+            onclick={() => (editorTab = "write")}>{$_("admin.common.write")}</button
+          >
           <button
             type="button"
             class={`px-3 py-1 transition-colors ${editorTab === "preview" ? "bg-primary/10 text-primary" : "text-muted-foreground"}`}
-            onclick={() => (editorTab = "preview")}
-          >{$_("admin.common.preview")}</button>
+            onclick={() => (editorTab = "preview")}>{$_("admin.common.preview")}</button
+          >
         </div>
       </div>
       <!-- Mobile: single pane toggled; Desktop: side by side -->
@@ -137,7 +146,9 @@
           {#if preview}
             {@html preview}
           {:else}
-            <p class="text-muted-foreground italic text-sm">{$_("admin.article_form.preview_placeholder")}</p>
+            <p class="text-muted-foreground italic text-sm">
+              {$_("admin.article_form.preview_placeholder")}
+            </p>
           {/if}
         </div>
       </div>
@@ -146,13 +157,19 @@
     <div class="space-y-1.5">
       <Label>{$_("admin.common.cover_image")}</Label>
       <FileDropZone accept="image/*" maxFileSize={10 * MEGABYTE} onUpload={handleImageUpload} />
-      {#if imageId}<p class="text-xs text-green-600 mt-1">{$_("admin.common.image_uploaded")} ✓</p>{/if}
+      {#if imageId}<p class="text-xs text-green-600 mt-1">
+          {$_("admin.common.image_uploaded")} ✓
+        </p>{/if}
     </div>
 
     <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
       <div class="space-y-1.5">
         <Label for="category">{$_("admin.article_form.category")}</Label>
-        <Input id="category" bind:value={category} placeholder={$_("admin.article_form.category_placeholder")} />
+        <Input
+          id="category"
+          bind:value={category}
+          placeholder={$_("admin.article_form.category_placeholder")}
+        />
       </div>
       <div class="space-y-1.5">
         <Label>{$_("admin.common.publish_date")}</Label>
@@ -171,7 +188,11 @@
     </label>
 
     <div class="flex gap-3 pt-2">
-      <Button onclick={handleSubmit} disabled={saving} class="bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90">
+      <Button
+        onclick={handleSubmit}
+        disabled={saving}
+        class="bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90"
+      >
         {saving ? $_("admin.common.creating") : $_("admin.article_form.create")}
       </Button>
       <Button variant="outline" href="/admin/articles">{$_("common.cancel")}</Button>