refactor: update mobile-nav, projects-item, timeline, and tools-item components

src/lib/components/site/nav/mobile-nav.svelte

@@ -23,6 +23,7 @@
 	</Sheet.Trigger>
 	<Sheet.Content side="right" class="pr-0">
 		<MobileLink href="/" class="flex items-center" bind:open>
+			<span class="sr-only">Return to home</span>
 			<img src={Icons.logoIcon} class="mr-2 h-4 w-4" alt="icon of hellob.art" />
 			<span class="font-mono font-bold tracking-tighter">{siteConfig.name}</span>
 		</MobileLink>

src/lib/components/site/projects/projects-item.svelte

@@ -12,7 +12,7 @@
 <Card.Root class="hover:bg-muted/50">
 	<Card.Header class="grid grid-cols-[1fr_110px] items-start gap-4 space-y-0">
 		<div class="space-y-1">
-			<Card.Title>{title}</Card.Title>
+			<Card.Title tag="h2">{title}</Card.Title>
 			<Card.Description>
 				{description}
 			</Card.Description>

src/lib/components/site/timeline/timeline.svelte

@@ -6,7 +6,7 @@
 
 <Card.Root>
 	<Card.Header class="pb-3">
-		<Card.Title>Timeline</Card.Title>
+		<Card.Title tag="h2">Timeline</Card.Title>
 		<Card.Description>
 			A time-based overview showcasing when I embarked on projects, jobs, certifications, and
 			various events.

src/lib/components/site/tools/tools-item.svelte

@@ -8,10 +8,12 @@
 
 <Card.Root class="mb-4 inline-block h-full w-full hover:bg-muted/50">
 	<Card.Header class="flex flex-row items-center justify-between space-y-0 pb-1">
-		<Card.Title>
+		<div>
-			<h4 class="text-2xl font-bold">{name}</h4>
+			<Card.Title tag="h2" class="text-2xl font-bold">
+				{name}
+			</Card.Title>
 			<span class="text-sm font-medium">{tagLine}</span>
-		</Card.Title>
+		</div>
 		{#if enhanced}
 			<enhanced:img
 				src={logo}