fix: remove unused roles variable, lint and format

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

packages/frontend/src/lib/services.ts

@@ -307,9 +307,7 @@ const ARTICLE_CATEGORIES_QUERY = gql`
   }
 `;
 
-export async function getArticleCategories(
-  fetchFn?: typeof globalThis.fetch,
-): Promise<string[]> {
+export async function getArticleCategories(fetchFn?: typeof globalThis.fetch): Promise<string[]> {
   return loggedApiCall("getArticleCategories", async () => {
     const data = await getGraphQLClient(fetchFn).request<{ articleCategories: string[] }>(
       ARTICLE_CATEGORIES_QUERY,

packages/frontend/src/routes/admin/users/+page.svelte

@@ -27,8 +27,6 @@
 
   const currentUserId = page.data.authStatus?.user?.id;
 
-  const roles = ["", "viewer", "model"] as const;
-
   function debounceSearch(value: string) {
     clearTimeout(searchTimeout);
     searchTimeout = setTimeout(() => {

packages/frontend/src/routes/magazine/[slug]/+page.svelte

@@ -196,7 +196,9 @@
                 <div
                   class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
                 >
-                  <div class="w-12 h-12 bg-primary/90 rounded-full flex items-center justify-center">
+                  <div
+                    class="w-12 h-12 bg-primary/90 rounded-full flex items-center justify-center"
+                  >
                     <span class="icon-[ri--play-large-fill] w-6 h-6 text-white ml-0.5"></span>
                   </div>
                 </div>
@@ -253,11 +255,8 @@
                           class="w-16 h-12 object-cover rounded"
                         />
                       {:else}
-                        <div
-                          class="w-16 h-12 rounded bg-muted/50 flex items-center justify-center"
-                        >
-                          <span
-                            class="icon-[ri--article-line] w-4 h-4 text-muted-foreground"
+                        <div class="w-16 h-12 rounded bg-muted/50 flex items-center justify-center">
+                          <span class="icon-[ri--article-line] w-4 h-4 text-muted-foreground"
                           ></span>
                         </div>
                       {/if}

packages/frontend/src/routes/videos/[slug]/+page.svelte

@@ -460,9 +460,7 @@
                           class="w-24 h-16 object-cover rounded"
                         />
                       {:else}
-                        <div
-                          class="w-24 h-16 rounded bg-muted/50 flex items-center justify-center"
-                        >
+                        <div class="w-24 h-16 rounded bg-muted/50 flex items-center justify-center">
                           <span class="icon-[ri--film-line] w-5 h-5 text-muted-foreground"></span>
                         </div>
                       {/if}