Make the side bar partially transparent and larger

In preparation for Claude AI integration

src/lib/BlogPost.svelte

@@ -4,6 +4,6 @@
 	export let url;
 </script>
 <a href={url} target="_blank"><div class="bg-neutral-700 hover:bg-neutral-500 p-2 rounded-md">
-	<img class="w-56 h-32 object-fit" src={image}>
+	<img class="w-76 h-44 object-fit" src={image}>
 	<h2 class="text-sm font-bold">{title}</h2>
 </div></a>

src/lib/SideBar.svelte

@@ -46,7 +46,7 @@
 			{/if}
 		{/each}
 	</div>
-	<div class="flex flex-col gap-5 shrink-0 w-60 h-full z-10 p-2 bg-neutral-600 text-gray-100" class:hidden={!activeInfo}>
+	<div class="flex flex-col gap-5 shrink-0 w-80 h-full z-10 p-2 bg-neutral-600 text-gray-100 opacity-95" class:hidden={!activeInfo}>
 		{#if activeInfo === 'Information'}
 			<InformationTab>
 				<slot></slot>