fix: styling of entity and images page

frontend/src/pages/image/index.tsx

@@ -14,9 +14,11 @@ export const ImagePage: Component = () => {
 		Object.entries(imagesWithProperties()).find(([id]) => id === imageId)?.[1];
 
 	return (
-		<main class="flex flex-col items-center">
-			<ImageComponent ID={imageId} />
-			<div class="w-3/4 grid grid-cols-9 gap-2 grid-flow-row-dense py-4">
+		<main class="flex flex-col items-center gap-4">
+			<div class="w-full bg-white rounded-xl p-4">
+				<ImageComponent ID={imageId} />
+			</div>
+			<div class="w-full grid grid-cols-3 gap-2 grid-flow-row-dense p-4 bg-white rounded-xl">
 				<Show when={imageProperties()}>
 					{(image) => (
 						<For each={image()}>