refactor(layout): clean up layout code and improve formatting

Author: LuggaPugga

src/app/(home)/blog/[slug]/page.tsx

@@ -17,7 +17,9 @@ export default async function Page(props: PageProps<"/blog/[slug]">) {
             <div className="grid gap-10 lg:grid-cols-[minmax(0,1fr)_280px]">
               <div className="max-w-3xl">
                 <nav className="mb-6 text-sm text-neutral-500">
-                  <a className="hover:text-white" href="/blog">Blog</a>
+                  <a className="hover:text-white" href="/blog">
+                    Blog
+                  </a>
                   <span className="mx-2">/</span>
                   <span className="text-neutral-400">{page?.data.title}</span>
                 </nav>
@@ -39,8 +41,13 @@ export default async function Page(props: PageProps<"/blog/[slug]">) {
                   <div className="h-4 w-px bg-white/10" />
                   <time>
                     {new Date(
-                      await lastEdit(page) ?? PathUtils.basename(page.path, PathUtils.extname(page.path)),
-                    ).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" })}
+                      (await lastEdit(page)) ??
+                        PathUtils.basename(page.path, PathUtils.extname(page.path)),
+                    ).toLocaleDateString("en-US", {
+                      month: "long",
+                      day: "numeric",
+                      year: "numeric",
+                    })}
                   </time>
                 </div>
               </div>

src/app/(home)/blog/page.tsx

@@ -11,14 +11,14 @@ function getName(path: string) {
 
 export default async function Blog() {
   const pages = blog.getPages()
-  
+
   const postsWithDates = await Promise.all(
     pages.map(async (page) => ({
       page,
       lastEditDate: await lastEdit(page),
-    }))
+    })),
   )
-  
+
   const posts = postsWithDates.sort(
     (a, b) =>
       new Date(b.lastEditDate ?? getName(b.page.path)).getTime() -
@@ -35,7 +35,7 @@ export default async function Blog() {
         url: p.page.url,
         date: p.lastEditDate,
       },
-    }))
+    })),
   )
 
   return (

src/app/(home)/layout.tsx

@@ -11,9 +11,9 @@ export default function Layout({ children }: { children: ReactNode }) {
       links={[
         {
           type: "icon",
-          icon: <RssIcon/>,
+          icon: <RssIcon />,
           text: "Blog",
-          url: "/blog"
+          url: "/blog",
         },
         {
           type: "icon",

src/app/layout.tsx

@@ -21,9 +21,7 @@ export const metadata: Metadata = {
       { url: "/android-chrome-192x192.png", sizes: "192x192" },
       { url: "/android-chrome-512x512.png", sizes: "512x512" },
     ],
-    apple: [
-      { url: "/apple-touch-icon.png" }
-    ]
+    apple: [{ url: "/apple-touch-icon.png" }],
   },
 }
 

src/lib/rss.ts

@@ -9,7 +9,8 @@ export function getRSS() {
     id: `${baseUrl}/blog`,
     link: `${baseUrl}/blog`,
     language: "en",
-    description: "Our blog where we post about more or less technical stuff regarding our plugins and minecraft in general",
+    description:
+      "Our blog where we post about more or less technical stuff regarding our plugins and minecraft in general",
     image: `${baseUrl}/banner.png`,
     favicon: `${baseUrl}/icon.png`,
     copyright: "All rights reserved 2025, TheNextLvl",