fix: recent pictures styles

frontend/src/pages/front/page.tsx

@@ -1,5 +1,5 @@
 import { Categories } from "./gallery";
-import { Recent } from "./Recent";
+import { Recent } from "./recent";
 
 export const FrontPage = () => {
 	return (

frontend/src/pages/front/recent.tsx

@@ -18,7 +18,7 @@ export const Recent: Component = () => {
 	return (
 		<div class="rounded-xl bg-white p-4 flex flex-col gap-2">
 			<h2 class="text-xl font-bold">Recent Screenshots</h2>
-			<div class="grid grid-cols-3 place-items-center">
+			<div class="grid grid-cols-3 gap-4 place-items-center">
 				<For each={latestImages()}>
 					{(image) => <ImageComponent ID={image.ImageID} />}
 				</For>