Merge pull request 'style: apply prettier formatting to fix format:check' (#7) from terry-staging into main

Reviewed-on: #7

src/App.tsx

@@ -38,7 +38,10 @@ export default function App() {
                         path="/official-recommendations"
                         element={<OfficialRecommendationsPage />}
                       />
-                  <Route path="/category/:slug" element={<CategoryPage />} />
+                      <Route
+                        path="/category/:slug"
+                        element={<CategoryPage />}
+                      />
                       <Route path="/search" element={<SearchPage />} />
                       <Route path="/resource/:id" element={<PostRedirect />} />
                       <Route path="/about" element={<AboutPage />} />

src/components/BackToTop.tsx

@@ -30,9 +30,7 @@ export function BackToTop() {
           animate={{ opacity: 1, scale: 1, y: 0 }}
           exit={{ opacity: 0, scale: 0.8, y: 8 }}
           transition={{ type: "spring", stiffness: 380, damping: 26 }}
-          onClick={() =>
+          onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
-            window.scrollTo({ top: 0, behavior: "smooth" })
-          }
           className="fixed bottom-[94px] right-4 z-30 flex h-11 w-11 items-center justify-center rounded-full bg-ark-gold text-black shadow-lg shadow-black/40 outline-none transition hover:bg-ark-gold2 active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 focus-visible:ring-offset-2 focus-visible:ring-offset-ark-bg md:bottom-8 md:right-8"
           aria-label={t("backToTop")}
           title={t("backToTop")}

src/components/messageStream/MessageStream.tsx

@@ -71,8 +71,9 @@ export function MessageStream({ scope }: MessageStreamProps) {
   // When arriving with a `#post-<id>` hash (e.g. from a recommended card),
   // scroll to that bubble — loading more pages until it shows up — then give
   // it a brief highlight so the user can see where they landed.
-  const targetPostId =
+  const targetPostId = hash.startsWith("#post-")
-    hash.startsWith("#post-") ? hash.slice("#post-".length) : "";
+    ? hash.slice("#post-".length)
+    : "";
   const handledTargetRef = useRef<string>("");
 
   useEffect(() => {

src/layouts/PublicLayout.tsx

@@ -1,12 +1,7 @@
 import { ChevronDown, Menu, Search as SearchIcon, X } from "lucide-react";
 import { AnimatePresence, m } from "framer-motion";
 import { useEffect, useRef, useState } from "react";
-import {
+import { Link, useLocation, useNavigate, useOutlet } from "react-router-dom";
-  Link,
-  useLocation,
-  useNavigate,
-  useOutlet,
-} from "react-router-dom";
 import { pageTransition } from "../motion";
 import { ArkLogoMark } from "../components/ArkLogoMark";
 import { BackToTop } from "../components/BackToTop";

src/pages/Categories/index.tsx

@@ -80,10 +80,7 @@ export function CategoriesPage() {
       <div className="mt-7 grid grid-cols-3 gap-2 md:grid-cols-5 md:gap-3 lg:grid-cols-6 xl:grid-cols-7 xl:gap-4">
         {isLoading
           ? Array.from({ length: 14 }).map((_, i) => (
-              <Skeleton
+              <Skeleton key={i} className="h-[88px] rounded-xl" />
-                key={i}
-                className="h-[88px] rounded-xl"
-              />
             ))
           : cats.map((category, index) => (
               <Reveal

src/pages/Home/index.tsx

@@ -468,14 +468,16 @@ export function Home() {
                   <LatestUpdateRow r={r} iconKey={iconKeyForResource(r)} />
                 </div>
               ))}
-            {Array.from({ length: latestPlaceholderCount }).map((_, index) => (
+              {Array.from({ length: latestPlaceholderCount }).map(
+                (_, index) => (
                   <div
                     key={`latest-coming-soon-${index}`}
                     className="w-[340px] shrink-0 xl:w-[352px]"
                   >
                     <ComingSoonLatestUpdateRow index={latest.length + index} />
                   </div>
-            ))}
+                ),
+              )}
             </div>
             {canScrollLatest ? (
               <>
@@ -524,12 +526,14 @@ export function Home() {
                   iconKey={iconKeyForResource(r)}
                 />
               ))}
-            {Array.from({ length: popularPlaceholderCount }).map((_, index) => (
+              {Array.from({ length: popularPlaceholderCount }).map(
+                (_, index) => (
                   <ComingSoonLatestUpdateRow
                     key={`popular-coming-soon-${index}`}
                     index={popular.length + index}
                   />
-            ))}
+                ),
+              )}
             </div>
           </section>
         </Reveal>