improve picture carousel

src/components/modules/PictureCarousel.tsx

@@ -16,7 +16,7 @@ const images = [
 export default function PictureCarousel() {
   return (
     <div className="rounded-lg">
-      <div className="my-2 space-x-2 space-y-2">
+      <div className="my-2 space-x-2 space-y-2 text-center">
         {images.map((v, k) => {
           return (
             <img

src/pages/Pictures.tsx

@@ -2,9 +2,7 @@ import PictureCarousel from "../components/modules/PictureCarousel";
 export default function PicturesPage() {
   return (
     <div className="p-2 flex flex-col justify-center">
-      <h1 className="text-2xl font-bold">pictures</h1>
-
-      <div className="h-96 overflow-y-auto">
+      <div className="h-96 w-full overflow-y-auto">
         <PictureCarousel />
       </div>
     </div>