Fixing pathing of imports

app/layout.tsx

@@ -2,9 +2,9 @@ import { Space_Grotesk } from 'next/font/google'
 import Script from 'next/script'
 import { Sidebar } from '@/components/layout/Sidebar'
 import { MobileNavbar } from '@/components/layout/MobileNavbar'
-import { metadata } from './metadata'
+import { metadata } from '@/app/metadata'
 // eslint-disable-next-line import/no-unassigned-import
-import './globals.css'
+import '@/app/globals.css'
 
 const spaceGrotesk = Space_Grotesk({
   subsets: ['latin'],

components/content/CodeWrapper.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { CopyButton } from '../ui/CopyButton'
+import { CopyButton } from '@/components/ui/CopyButton'
 import { getTextContent } from '@/lib/react-node-text'
 
 type CodeWrapperProps = {

components/layout/MobileNavbar.tsx

@@ -2,7 +2,7 @@
 
 import { usePathname } from 'next/navigation'
 import Link from 'next/link'
-import { navItems } from './navItems'
+import { navItems } from '@/components/layout/navItems'
 import { cn } from '@/utils/cn'
 
 export function MobileNavbar() {

components/layout/NavLinks.tsx

@@ -3,8 +3,8 @@
 import { cn } from '@/utils/cn'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
-import { ExternalLink } from '../ui/ExternalLink'
+import { ExternalLink } from '@/components/ui/ExternalLink'
-import { navItems } from './navItems'
+import { navItems } from '@/components/layout/navItems'
 
 export function NavLinks() {
   const pathname = usePathname()

lib/posts.tsx

@@ -11,18 +11,18 @@ import rehypeKatex from 'rehype-katex'
 import rehypeReact from 'rehype-react'
 import { cloneElement, isValidElement, type ReactElement, Fragment, type ReactNode } from 'react'
 import { jsx, jsxs } from 'react/jsx-runtime'
-import { rehypeCodeMeta } from './rehype-code-meta'
+import { rehypeCodeMeta } from '@/lib/rehype-code-meta'
 import { CodeWrapper } from '@/components/content/CodeWrapper'
 import { ImageWrapper } from '@/components/content/ImageWrapper'
 import { ExternalLink } from '@/components/ui/ExternalLink'
 import readingTime from 'reading-time'
-import { rehypeUnwrapImages } from './rehype-unwrap-images'
+import { rehypeUnwrapImages } from '@/lib/rehype-unwrap-images'
-import { rehypeMermaidSsg } from './rehype-mermaid-ssg'
+import { rehypeMermaidSsg } from '@/lib/rehype-mermaid-ssg'
-import { getTextContent, stripLeadingMatch } from './react-node-text'
+import { getTextContent, stripLeadingMatch } from '@/lib/react-node-text'
 import { BlockquoteWrapper } from '@/components/content/BlockquoteWrapper'
 import type { NoteType } from '@/types/Note.type'
-import { rehypeMark } from './rehype-mark'
+import { rehypeMark } from '@/lib/rehype-mark'
-import { rehypeDefinition } from './rehype-definition'
+import { rehypeDefinition } from '@/lib/rehype-definition'
 import { slugify } from '@/utils/slug'
 import { PostMeta } from '@/types/Post.type'
 import Link from 'next/link'

lib/rehype-mermaid-ssg.ts

@@ -2,7 +2,7 @@ import type { Root, Element } from 'hast'
 import type { Plugin } from 'unified'
 import { visit } from 'unist-util-visit'
 import { fromHtmlIsomorphic } from 'hast-util-from-html-isomorphic'
-import { renderMermaidToSvg } from './mermaid-render'
+import { renderMermaidToSvg } from '@/lib/mermaid-render'
 
 /**
  * A rehype plugin that processes <div> elements with a data-mermaid attribute and renders the Mermaid chart to SVG.