style: prettier-format the relaunch + restore load-bearing eslint-disable

Run prettier --write across the relaunch/handoff-#5/fix changes (the format
check was failing CI), auto-remove genuinely-unused eslint-disable directives,
and restore the one disable lint:fix wrongly stripped (the synchronous
setSelectedIndex in slash-command's useLayoutEffect). eslint 0 errors, prettier
check passes, tsc clean.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: NiallJoeMaher

app/(app)/[username]/[slug]/_feedArticleContent.tsx

@@ -234,7 +234,7 @@ const FeedArticleContent = ({ sourceSlug, articleSlug }: Props) => {
               className="h-11 w-11 rounded-full border border-hairline"
             />
           ) : (
-            <div className="flex h-11 w-11 items-center justify-center rounded-full bg-accent/12 text-sm font-bold text-accent">
+            <div className="bg-accent/12 flex h-11 w-11 items-center justify-center rounded-full text-sm font-bold text-accent">
               {article.source?.name?.charAt(0).toUpperCase() || "?"}
             </div>
           )}
@@ -308,7 +308,7 @@ const FeedArticleContent = ({ sourceSlug, articleSlug }: Props) => {
             ) : faviconUrl ? (
               <img src={faviconUrl} alt="" className="h-8 w-8 rounded-full" />
             ) : (
-              <div className="flex h-8 w-8 items-center justify-center rounded-full bg-accent/12 text-sm font-bold text-accent">
+              <div className="bg-accent/12 flex h-8 w-8 items-center justify-center rounded-full text-sm font-bold text-accent">
                 {article.source.name?.charAt(0).toUpperCase() || "?"}
               </div>
             )}
@@ -321,7 +321,9 @@ const FeedArticleContent = ({ sourceSlug, articleSlug }: Props) => {
               >
                 {article.source.name}
               </Link>
-              <span className="font-mono text-xs text-faint">@{sourceSlug}</span>
+              <span className="font-mono text-xs text-faint">
+                @{sourceSlug}
+              </span>
             </div>
             {article.source.description && (
               <p className="truncate text-sm text-muted">
@@ -403,10 +405,7 @@ const FeedArticleContent = ({ sourceSlug, articleSlug }: Props) => {
         </button>
       </footer>
 
-      <section
-        id="discussion"
-        className="mt-10 border-t border-hairline pt-8"
-      >
+      <section id="discussion" className="mt-10 border-t border-hairline pt-8">
         <h2 className="mb-4 font-display text-2xl font-extrabold tracking-tight text-fg">
           Discussion{" "}
           <span className="font-sans font-medium text-faint">

app/(app)/[username]/[slug]/_linkContentDetail.tsx

@@ -236,7 +236,7 @@ const LinkContentDetail = ({ sourceSlug, contentSlug }: Props) => {
               className="h-11 w-11 rounded-full border border-hairline"
             />
           ) : (
-            <div className="flex h-11 w-11 items-center justify-center rounded-full bg-accent/12 text-sm font-bold text-accent">
+            <div className="bg-accent/12 flex h-11 w-11 items-center justify-center rounded-full text-sm font-bold text-accent">
               {linkContent.source?.name?.charAt(0).toUpperCase() || "?"}
             </div>
           )}
@@ -306,7 +306,7 @@ const LinkContentDetail = ({ sourceSlug, contentSlug }: Props) => {
             ) : faviconUrl ? (
               <img src={faviconUrl} alt="" className="h-8 w-8 rounded-full" />
             ) : (
-              <div className="flex h-8 w-8 items-center justify-center rounded-full bg-accent/12 text-sm font-bold text-accent">
+              <div className="bg-accent/12 flex h-8 w-8 items-center justify-center rounded-full text-sm font-bold text-accent">
                 {linkContent.source.name?.charAt(0).toUpperCase() || "?"}
               </div>
             )}
@@ -319,7 +319,9 @@ const LinkContentDetail = ({ sourceSlug, contentSlug }: Props) => {
               >
                 {linkContent.source.name}
               </Link>
-              <span className="font-mono text-xs text-faint">@{sourceSlug}</span>
+              <span className="font-mono text-xs text-faint">
+                @{sourceSlug}
+              </span>
             </div>
             {linkContent.source.description && (
               <p className="truncate text-sm text-muted">

app/(app)/[username]/[slug]/_userLinkDetail.tsx

@@ -216,7 +216,7 @@ const UserLinkDetail = ({ username, contentSlug }: Props) => {
               className="h-11 w-11 rounded-full border border-hairline object-cover"
             />
           ) : (
-            <div className="flex h-11 w-11 items-center justify-center rounded-full bg-accent/12 text-sm font-bold text-accent">
+            <div className="bg-accent/12 flex h-11 w-11 items-center justify-center rounded-full text-sm font-bold text-accent">
               {linkContent.author?.name?.charAt(0).toUpperCase() || "?"}
             </div>
           )}

app/(app)/[username]/[slug]/page.tsx

@@ -82,7 +82,13 @@ async function getUserPost(username: string, postSlug: string) {
         eq(posts.status, "published"),
         // Text-content kinds all render via the article reader (title + body +
         // discussion). Links have their own resolver below.
-        inArray(posts.type, ["article", "discussion", "question", "til", "resource"]),
+        inArray(posts.type, [
+          "article",
+          "discussion",
+          "question",
+          "til",
+          "resource",
+        ]),
         lte(posts.publishedAt, new Date().toISOString()),
       ),
     )

app/(app)/[username]/_sourceProfileClient.tsx

@@ -74,7 +74,7 @@ const SourceProfileContent = ({ sourceSlug }: Props) => {
   if (status === "error" || !pub) {
     return (
       <div className="mx-auto max-w-2xl px-4 py-8 text-fg">
-        <div className="rounded-lg border border-danger/30 bg-danger/12 p-6 text-center">
+        <div className="bg-danger/12 rounded-lg border border-danger/30 p-6 text-center">
           <h1 className="text-lg font-semibold text-danger">
             Publication Not Found
           </h1>

app/(app)/admin/_client.tsx

@@ -11,7 +11,13 @@ import {
 } from "@heroicons/react/24/outline";
 import { api } from "@/server/trpc/react";
 
-type StatTone = "accent" | "success" | "warning" | "danger" | "info" | "neutral";
+type StatTone =
+  | "accent"
+  | "success"
+  | "warning"
+  | "danger"
+  | "info"
+  | "neutral";
 
 const toneClasses: Record<StatTone, string> = {
   accent: "bg-accent/10 text-accent",

app/(app)/admin/tags/_client.tsx

@@ -354,7 +354,9 @@ const TagsAdmin = () => {
                     </span>
                   </div>
                 ) : (
-                  <span className="text-faint">Click a tag below to select</span>
+                  <span className="text-faint">
+                    Click a tag below to select
+                  </span>
                 )}
               </div>
             </div>
@@ -374,7 +376,9 @@ const TagsAdmin = () => {
                     </span>
                   </div>
                 ) : (
-                  <span className="text-faint">Click a tag below to select</span>
+                  <span className="text-faint">
+                    Click a tag below to select
+                  </span>
                 )}
               </div>
             </div>
@@ -404,11 +408,7 @@ const TagsAdmin = () => {
         </div>
         <button
           onClick={() => setShowMergePanel(!showMergePanel)}
-          className={
-            showMergePanel
-              ? "primary-button"
-              : "secondary-button"
-          }
+          className={showMergePanel ? "primary-button" : "secondary-button"}
         >
           <ArrowsRightLeftIcon className="h-5 w-5" />
           Merge Mode

app/(app)/admin/users/_client.tsx

@@ -200,7 +200,7 @@ const UserManagement = () => {
                       </span>
                     )}
                     {"isBanned" in user && user.isBanned && (
-                      <span className="rounded bg-danger/12 px-1.5 py-0.5 font-mono text-xs uppercase tracking-label text-danger">
+                      <span className="bg-danger/12 rounded px-1.5 py-0.5 font-mono text-xs uppercase tracking-label text-danger">
                         Banned
                       </span>
                     )}

app/(app)/code-of-conduct/page.tsx

@@ -107,7 +107,8 @@ const CodeOfConduct = () => {
           applies when an individual is officially representing the community in
           public spaces. Examples of representing our community include using an
           official e-mail address, posting via an official social media account,
-          or acting as an appointed representative at an online or offline event.
+          or acting as an appointed representative at an online or offline
+          event.
         </p>
 
         <h2 className="mb-4 mt-12 text-xl font-semibold leading-6 tracking-wide text-fg">

app/(app)/draft/[id]/page.tsx

@@ -50,7 +50,7 @@ const PreviewPage = async (props: Props) => {
   return (
     <div className="mx-auto max-w-3xl px-4 py-8">
       <nav className="mb-6 flex items-center gap-2 text-sm">
-        <span className="bg-accent/15 rounded-full px-3 py-1 font-medium text-accent">
+        <span className="rounded-full bg-accent/15 px-3 py-1 font-medium text-accent">
           Draft Preview
         </span>
       </nav>
@@ -69,7 +69,7 @@ const PreviewPage = async (props: Props) => {
                 className="h-5 w-5 rounded-full object-cover"
               />
             ) : (
-              <div className="bg-accent/15 flex h-5 w-5 items-center justify-center rounded-full text-xs font-bold text-accent">
+              <div className="flex h-5 w-5 items-center justify-center rounded-full bg-accent/15 text-xs font-bold text-accent">
                 {post.user.name?.charAt(0).toUpperCase() || "?"}
               </div>
             )}