diff --git a/src/app/(posts)/PostsNavigation.tsx b/src/app/(posts)/PostsNavigation.tsx
index 7b53f65..194d7b8 100644
--- a/src/app/(posts)/PostsNavigation.tsx
+++ b/src/app/(posts)/PostsNavigation.tsx
@@ -17,7 +17,7 @@ interface PostsListItemProps {
   post: Lab | Blog;
   className?: string;
 }
-const PostListItem: FC<PostsListItemProps> = ({ post, className }) => {
+const PostListItem: FC<PostsListItemProps> = ({ post }) => {
   return (
     <NavigationMenuItem>
       <Link href={post.slug} legacyBehavior passHref>
@@ -25,7 +25,7 @@ const PostListItem: FC<PostsListItemProps> = ({ post, className }) => {
           className={cn(navigationMenuTriggerStyle(), "w-full gap-2")}
         >
           <PostIcon type={post.type} />
-          <h4 className="line-clamp-1 flex-1 overflow-clip">{post.title}</h4>
+          <h4 className="line-clamp-1 flex-1 text-clip">{post.title}</h4>
           <p className="text-sm">{formatDate(new Date(post.date))}</p>
         </NavigationMenuLink>
       </Link>
@@ -37,7 +37,7 @@ interface PostIconProps {
   type: "Lab" | "Blog";
   className?: string;
 }
-const PostIcon: FC<PostIconProps> = ({ type, className }) => {
+const PostIcon: FC<PostIconProps> = ({ type }) => {
   switch (type) {
     case "Lab":
       return <FlaskConical size={24} />;
diff --git a/src/app/@modal/(.)projects/[slug]/page.tsx b/src/app/@modal/(.)projects/[slug]/page.tsx
deleted file mode 100644
index 892d2cd..0000000
--- a/src/app/@modal/(.)projects/[slug]/page.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { ProjectPageProps } from "@/app/projects/[slug]/page";
-import { Mdx } from "@/components/Mdx";
-import { Modal } from "@/components/layout/modal/Modal";
-import { allProjects } from "contentlayer/generated";
-import Link from "next/link";
-import { notFound } from "next/navigation";
-
-const getProjectFromParams = async (slug: string) => {
-  const project = allProjects.find((project) => project.slugAsParams === slug);
-  if (!project) notFound();
-  return project;
-};
-
-const ProjectModal = async ({ params }: ProjectPageProps) => {
-  const project = await getProjectFromParams(params.slug);
-  return (
-    <Modal>
-      <div className="prose mx-auto flex w-full max-w-2xl flex-col items-center justify-center">
-        <h1 className="text-4xl font-bold">{project.title}</h1>
-        <Link href={project.slug}>Full Screen</Link>
-        <Mdx code={project.body.code} />
-      </div>
-    </Modal>
-  );
-};
-
-export default ProjectModal;
diff --git a/src/app/@modal/[...catchAll]/page.tsx b/src/app/@modal/[...catchAll]/page.tsx
deleted file mode 100644
index 1fd97c2..0000000
--- a/src/app/@modal/[...catchAll]/page.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function CatchAll() {
-  return null;
-}
diff --git a/src/app/@modal/_(.)blogs/[slug]/page.tsx b/src/app/@modal/_(.)blogs/[slug]/page.tsx
deleted file mode 100644
index dda444c..0000000
--- a/src/app/@modal/_(.)blogs/[slug]/page.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { BlogPageProps } from "@/app/(posts)/blogs/[slug]/page";
-import { Mdx } from "@/components/Mdx";
-import { Modal } from "@/components/layout/modal/Modal";
-import { allBlogs } from "contentlayer/generated";
-import Link from "next/link";
-import { notFound } from "next/navigation";
-
-const getBlogFromParams = async (slug: string) => {
-  const blog = allBlogs.find((blog) => blog.slugAsParams === slug);
-  if (!blog) notFound();
-  return blog;
-};
-
-const BlogModal = async ({ params }: BlogPageProps) => {
-  const blog = await getBlogFromParams(params.slug);
-  return (
-    <Modal>
-      <div className="prose mx-auto flex w-full max-w-2xl flex-col items-center justify-center">
-        <h1 className="text-4xl font-bold">{blog.title}</h1>
-        <Link href={blog.slug}>Full Screen</Link>
-        <Mdx code={blog.body.code} />
-      </div>
-    </Modal>
-  );
-};
-
-export default BlogModal;
diff --git a/src/app/@modal/_(.)labs/[slug]/page.tsx b/src/app/@modal/_(.)labs/[slug]/page.tsx
deleted file mode 100644
index a0c67cd..0000000
--- a/src/app/@modal/_(.)labs/[slug]/page.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { LabPageProps } from "@/app/(posts)/labs/[slug]/page";
-import { Mdx } from "@/components/Mdx";
-import { Modal } from "@/components/layout/modal/Modal";
-import { allLabs } from "contentlayer/generated";
-import Link from "next/link";
-import { notFound } from "next/navigation";
-
-const getLabFromParams = async (slug: string) => {
-  const lab = allLabs.find((lab) => lab.slugAsParams === slug);
-  if (!lab) notFound();
-  return lab;
-};
-
-const LabModal = async ({ params }: LabPageProps) => {
-  const lab = await getLabFromParams(params.slug);
-  return (
-    <Modal>
-      <div className="prose mx-auto flex w-full max-w-2xl flex-col items-center justify-center">
-        <h1 className="text-4xl font-bold">{lab.title}</h1>
-        <Link href={lab.slug}>Full Screen</Link>
-        <Mdx code={lab.body.code} />
-      </div>
-    </Modal>
-  );
-};
-
-export default LabModal;
diff --git a/src/app/@modal/default.tsx b/src/app/@modal/default.tsx
deleted file mode 100644
index dc6be5e..0000000
--- a/src/app/@modal/default.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { FC } from "react";
-
-const Default: FC = () => {
-  return null;
-};
-
-export default Default;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1684d76..ccce3b0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -49,10 +49,8 @@ export const metadata = {
 
 export default function RootLayout({
   children,
-  modal,
 }: {
   children: React.ReactNode;
-  modal: React.ReactNode;
 }) {
   return (
     <html
@@ -62,7 +60,6 @@ export default function RootLayout({
       <body suppressHydrationWarning={true}>
         <Navbar />
         {children}
-        {modal}
         <Analytics />
         <Footer />
       </body>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5d68c30..6e5e371 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,16 +1,9 @@
-import { PostCard } from "@/components/posts/post_card/PostCard";
 import { RecentPosts } from "@/components/posts/recent_posts/RecentPosts";
-import { ProjectCard } from "@/components/projects/project_card/ProjectCard";
 import { SpotlightProjects } from "@/components/projects/spotlight_projects/SpotlightProjects";
-import {
-  allBlogs,
-  allLabs,
-  allOccupations,
-  allProjects,
-} from "contentlayer/generated";
-import Image from "next/image";
-import dynamic from "next/dynamic";
+import { allBlogs, allLabs, allOccupations } from "contentlayer/generated";
 import { isAfter, subYears } from "date-fns";
+import dynamic from "next/dynamic";
+import Image from "next/image";
 
 const TimelineDashboard = dynamic(
   () => import("@/components/timeline/timeline_dashboard/TimelineDashboard"),
@@ -52,7 +45,7 @@ export default function Home() {
         </p>
       </section>
       <SpotlightProjects />
-      <div className="w-full bg-accent px-8 py-8">
+      <div className="w-full bg-accent p-8">
         <RecentPosts posts={[...allLabs, ...allBlogs]} />
       </div>
       <TimelineDashboard
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index ab5f16f..ff252d1 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -1,4 +1,3 @@
-import { ProjectCard } from "@/components/projects/project_card/ProjectCard";
 import { SpotlightProjects } from "@/components/projects/spotlight_projects/SpotlightProjects";
 import { formatDate } from "@/lib/format";
 import { allProjects } from "contentlayer/generated";