Run lint and prettier

app/components/ContentBanner.js

@@ -20,7 +20,7 @@ export default function ContentBanner({ post }) {
         className="absolute inset-0 w-full h-full bg-cover bg-no-repeat aspect-[640/224] md:block hidden"
         style={{
           backgroundImage: `url(${getAssetPath(
-            "assets/Content_Banner_2.svg"
+            "assets/Content_Banner_2.svg",
           )})`,
           backgroundPosition: "center bottom",
         }}

app/components/Logo.js

@@ -94,26 +94,26 @@ export default function Logo({ size = "default", showText = true }) {
     size === "homeHeaderXsmall"
       ? sizes.homeHeaderXsmall
       : size === "homeHeaderSm"
-      ? sizes.homeHeaderSm
-      : size === "homeHeaderMd"
-      ? sizes.homeHeaderMd
-      : size === "homeHeaderLg"
-      ? sizes.homeHeaderLg
-      : size === "homeHeaderXl"
-      ? sizes.homeHeaderXl
-      : size === "header"
-      ? sizes.header
-      : size === "headerMd"
-      ? sizes.headerMd
-      : size === "headerLg"
-      ? sizes.headerLg
-      : size === "headerXl"
-      ? sizes.headerXl
-      : size === "footer"
-      ? sizes.footer
-      : size === "footerLg"
-      ? sizes.footerLg
-      : sizes.default;
+        ? sizes.homeHeaderSm
+        : size === "homeHeaderMd"
+          ? sizes.homeHeaderMd
+          : size === "homeHeaderLg"
+            ? sizes.homeHeaderLg
+            : size === "homeHeaderXl"
+              ? sizes.homeHeaderXl
+              : size === "header"
+                ? sizes.header
+                : size === "headerMd"
+                  ? sizes.headerMd
+                  : size === "headerLg"
+                    ? sizes.headerLg
+                    : size === "headerXl"
+                      ? sizes.headerXl
+                      : size === "footer"
+                        ? sizes.footer
+                        : size === "footerLg"
+                          ? sizes.footerLg
+                          : sizes.default;
 
   return (
     <Link href="/" className="block" aria-label="CommunityRule Logo">

app/components/RelatedArticles.js

@@ -6,7 +6,7 @@ import ContentThumbnailTemplate from "./ContentThumbnailTemplate";
 export default function RelatedArticles({ relatedPosts, currentPostSlug }) {
   // Filter out the current post from related posts
   const filteredPosts = relatedPosts.filter(
-    (post) => post.slug !== currentPostSlug
+    (post) => post.slug !== currentPostSlug,
   );
 
   const [currentIndex, setCurrentIndex] = useState(0);
@@ -93,7 +93,7 @@ export default function RelatedArticles({ relatedPosts, currentPostSlug }) {
                     const handleMouseUp = () => {
                       document.removeEventListener(
                         "mousemove",
-                        handleMouseMove
+                        handleMouseMove,
                       );
                       document.removeEventListener("mouseup", handleMouseUp);
                     };
@@ -133,8 +133,8 @@ export default function RelatedArticles({ relatedPosts, currentPostSlug }) {
                       index === currentIndex
                         ? `${progress}%`
                         : index < currentIndex
-                        ? "100%"
-                        : "0%",
+                          ? "100%"
+                          : "0%",
                   }}
                 />
               </div>

app/tailwind.css

@@ -29,12 +29,15 @@
   --color-*: initial;
 
   /* Font families */
-  --font-sans: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
+  --font-sans:
+    var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, sans-serif;
+  --font-display:
+    var(--font-bricolage-grotesque), ui-sans-serif, system-ui, -apple-system,
     "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  --font-display: var(--font-bricolage-grotesque), ui-sans-serif, system-ui,
-    -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  --font-mono: var(--font-space-grotesk), ui-monospace, SFMono-Regular,
-    "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
+  --font-mono:
+    var(--font-space-grotesk), ui-monospace, SFMono-Regular, "SF Mono",
+    Consolas, "Liberation Mono", Menlo, monospace;
 
   /* Dimension */
   --spacing-scale-000: 0px;

app/test-thumbnail/page.js

@@ -92,8 +92,8 @@ export default function TestThumbnailPage() {
                     <code>className</code> - Additional CSS classes
                   </li>
                   <li>
-                    <code>variant</code> - "vertical" (default) or "horizontal"
-                    (for development/testing)
+                    <code>variant</code> - &quot;vertical&quot; (default) or
+                    &quot;horizontal&quot; (for development/testing)
                   </li>
                 </ul>
               </div>