Made cards/boxes consistant visually.

I don't know if they are how we want them to be in the end, but I made them consistant for releasing for beta. Rather them all look the same and not perfect than look different.

src/lib/components/search/RenderedSearchResult.svelte

@@ -12,7 +12,7 @@
 			<span class="flex-grow" />
 			<span>{formatDistanceToNow(processedResult.timestamp)} ago</span>
 		</p>
-		<div class="rounded-lg border border-[#52525B] bg-zinc-700 text-[#EBDBB2]">
+		<div class="rounded-lg text-[#EBDBB2] bg-[#2F2F33] border border-zinc-700">
 			{#each processedResult.hunks as hunk, i}
 				{#if i > 0}
 					<div class="border-b border-[#52525B]" />

src/routes/projects/[projectId]/+page.svelte

@@ -139,7 +139,7 @@
 						>
 							{#each orderedSessions($dateSessions) as [dateMilliseconds, fileSessions]}
 								<div class="flex flex-col">
-									<div class="mb-1 text-lg text-zinc-400 text-zinc-200">
+									<div class="mb-1 text-lg  text-zinc-200">
 										{new Date(parseInt(dateMilliseconds)).toLocaleDateString('en-us', {
 											weekday: 'long',
 											year: 'numeric',
@@ -147,7 +147,7 @@
 											day: 'numeric'
 										})}
 									</div>
-									<div class="rounded bg-zinc-700 p-4">
+									<div class="rounded bg-[#2F2F33] border border-zinc-700 p-4">
 										{#each Object.entries(fileSessions) as filetime}
 											<div class="flex flex-row justify-between">
 												<div class="font-mono text-zinc-100">{filetime[0]}</div>

src/routes/projects/[projectId]/timeline/+page.svelte

@@ -154,7 +154,7 @@
 			<!-- Day -->
 			<div
 				id={dateMilliseconds}
-				class="session-day-component flex flex-col rounded-lg border border-zinc-700 bg-zinc-800/50"
+				class="session-day-component flex flex-col rounded-lg bg-[#2F2F33] border border-zinc-700"
 				class:min-w-full={selection.dateMilliseconds == +dateMilliseconds}
 			>
 				<div