fix: update PageTitle component styling

- Changed font weight from 'font-semibold' to 'font-medium' for better visual consistency.
- Added 'not-prose' class to improve layout handling.
- Updated Link component's class to include 'text-foreground' for enhanced visibility.

app/notes/[slug]/page.tsx

@@ -143,7 +143,7 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
       </div>
 
       <h1
-        className="my-5 text-3xl font-semibold tracking-tight"
+        className="my-5 text-3xl font-medium tracking-tight"
         style={{ viewTransitionName: `note-title-${frontmatter!.slug}` }}
       >
         <Link

components/layout/page-title.tsx

@@ -10,10 +10,13 @@ const PageTitle = ({
   canonical: string;
 }) => {
   return (
-    <h1 className={cn("mt-0 mb-6 text-left text-3xl font-semibold tracking-tight lowercase", className)} {...rest}>
+    <h1
+      className={cn("not-prose mt-0 mb-6 text-left text-3xl font-medium tracking-tight lowercase", className)}
+      {...rest}
+    >
       <Link
         href={canonical}
-        className="before:text-muted-foreground no-underline before:mr-[-3px] before:tracking-wider before:content-['\002E\002F']"
+        className="before:text-muted-foreground text-foreground no-underline before:mr-[-3px] before:tracking-wider before:content-['\002E\002F']"
       >
         {children}
       </Link>