diff --git a/app/gallery/page_old.tsx b/app/gallery/page_old.tsx
index 510cdcf..4a56149 100644
--- a/app/gallery/page_old.tsx
+++ b/app/gallery/page_old.tsx
@@ -1,131 +1,126 @@
-"use client";
-import { createClient } from "@/utils/supabase/client";
-import { redirect } from "next/navigation";
-import GalleryThumbnail from "@/components/ui/gallery_thumbnail";
+// "use client";
+// import { createClient } from "@/utils/supabase/client";
+// import React, { useState, useEffect } from 'react';
+// import { User } from "@supabase/supabase-js";
+// import Search from "@/components/ui/search";
 
+// function PageComponent() {
 
-import React, { useState, useEffect } from 'react';
-import { User } from "@supabase/supabase-js";
-import Gallery from "@/components/ui/gallery";
-import Search from "@/components/ui/search";
+//   const supabase = createClient();
 
-function PageComponent() {
+//   const [showNSFW, setShowNSFW] = useState<boolean>(true);
+//   const [randomIds, setRandomIds] = useState<string[]>([]); // replace any with your gallery type
+//   const [isOpen, setIsOpen] = useState<boolean>(false);
+//   const [galleries, setGalleries] = useState<any[]>([]); // replace any with your gallery type
+//   const [user, setUser] = useState<User | null>(null);
+//   const [loading, setLoading] = useState<boolean>(true);
+//   const [selectedGallery, setSelectedGallery] = useState<string | null>(null);
+//   const [search, setSearch] = useState<string>('');
+//   const [galleryColumns, setColumns] = useState<number>(0);
+//   const [selectedTags, setSelectedTags] = useState<string[]>([]);
+//   const generateRandomString = function (length: number) {
+//     let result = '';
+//     let characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+//     let charactersLength = characters.length;
+//     for (let i = 0; i < length; i++) {
+//       result += characters.charAt(Math.floor(Math.random() * charactersLength));
+//     }
+//     return result;
+//   }
 
-  const supabase = createClient();
+//   const selectGallery = (gallery: string, columns: number) => {
+//     setRandomIds([generateRandomString(3), generateRandomString(3), generateRandomString(3), generateRandomString(3)]);
+//     setSelectedGallery(gallery);
+//     setColumns(columns);
+//     setIsOpen(true);
+//   };
 
-  const [showNSFW, setShowNSFW] = useState<boolean>(true);
-  const [randomIds, setRandomIds] = useState<string[]>([]); // replace any with your gallery type
-  const [isOpen, setIsOpen] = useState<boolean>(false);
-  const [galleries, setGalleries] = useState<any[]>([]); // replace any with your gallery type
-  const [user, setUser] = useState<User | null>(null);
-  const [loading, setLoading] = useState<boolean>(true);
-  const [selectedGallery, setSelectedGallery] = useState<string | null>(null);
-  const [search, setSearch] = useState<string>('');
-  const [galleryColumns, setColumns] = useState<number>(0);
-  const [selectedTags, setSelectedTags] = useState<string[]>([]);
-  const generateRandomString = function (length: number) {
-    let result = '';
-    let characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-    let charactersLength = characters.length;
-    for (let i = 0; i < length; i++) {
-      result += characters.charAt(Math.floor(Math.random() * charactersLength));
-    }
-    return result;
-  }
+//   const closeGallery = () => {
+//     setSelectedGallery(null);
+//     setColumns(0);
+//     setIsOpen(false);
+//   }
 
-  const selectGallery = (gallery: string, columns: number) => {
-    setRandomIds([generateRandomString(3), generateRandomString(3), generateRandomString(3), generateRandomString(3)]);
-    setSelectedGallery(gallery);
-    setColumns(columns);
-    setIsOpen(true);
-  };
-
-  const closeGallery = () => {
-    setSelectedGallery(null);
-    setColumns(0);
-    setIsOpen(false);
-  }
-
-  const getData = async () => {
-    let { data: { user } } = await supabase.auth.getUser();
-    const galleriesResponse = await fetch(`/api/galleries?search=` + search + '&nsfw=' + showNSFW, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json'
-      },
-      body: JSON.stringify({ tags: selectedTags })
-    });
-    const galleriesData = await galleriesResponse.json();
-    setGalleries(galleriesData);
-    setUser(user);
-    setLoading(false);
-  }
+//   const getData = async () => {
+//     let { data: { user } } = await supabase.auth.getUser();
+//     const galleriesResponse = await fetch(`/api/galleries?search=` + search + '&nsfw=' + showNSFW, {
+//       method: 'POST',
+//       headers: {
+//         'Content-Type': 'application/json'
+//       },
+//       body: JSON.stringify({ tags: selectedTags })
+//     });
+//     const galleriesData = await galleriesResponse.json();
+//     setGalleries(galleriesData);
+//     setUser(user);
+//     setLoading(false);
+//   }
   
-  useEffect(() => {
-    getData();
-  }, [selectedTags, search, showNSFW]);
+//   useEffect(() => {
+//     getData();
+//   }, [selectedTags, search, showNSFW]);
 
 
-  return (
-    <div>
-      <div className="fixed w-full h-full overflow-hidden z-0 animate-fade-left animate-fade-left animate-once animate-duration-[2000ms] animate-normal animate-fill-forwards">
-        <img
-          src="gallery_girl.png"
-          className="float-right object-cover h-screen w-full  lg:w-5/6 xl:w-3/6  opacity-50 overflow-hidden"
-          alt="Background"
-        />
-      </div>
+//   return (
+//     <div>
+//       <div className="fixed w-full h-full overflow-hidden z-0 animate-fade-left animate-fade-left animate-once animate-duration-[2000ms] animate-normal animate-fill-forwards">
+//         <img
+//           src="gallery_girl.png"
+//           className="float-right object-cover h-screen w-full  lg:w-5/6 xl:w-3/6  opacity-50 overflow-hidden"
+//           alt="Background"
+//         />
+//       </div>
 
-      <Search
-      />
+//       <Search
+//       />
 
 
-      {/*
-            These are the thumbnails for the gallery below the search bar
-      */}
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-60 gap-x-5 h-full mb-96 animate-in">
-        {galleries && galleries.map((gallery, index) => (
-          <div className="mx-auto">
-            <GalleryThumbnail
-              key={gallery.name + " " + showNSFW}
-              id={gallery.name}
-              title={gallery.name}
-              tags={gallery.tags}
-              columns={gallery.columns}
-              showNsfw={showNSFW}
-              subscription={gallery.tier as string}
-              onSelect={selectGallery}
-              nsfw={gallery.nsfw}
-            ></GalleryThumbnail>
-          </div>
-        ))}
-      </div>
-      {isOpen ? (
-        <>
-          {/*
-                This is the modal for holding the gallery
-          */}
-          <div
-            className={`fixed inset-0 transition-opacity z-30 ${isOpen ? 'animate-in' : 'fade-out'
-              }`}
-            aria-hidden="true"
-          >
-            <div
-              className="absolute inset-0 bg-neroshi-blue-900 opacity-70 z-30"
-              onClick={() => setIsOpen(false)}
-            ></div>
-            <div className="absolute inset-0 overflow-y-auto overflow-x-hidden no-scrollbar pt-2 w-full p-20 z-30">
-              <Gallery
-                id={selectedGallery as string}
-                columns={galleryColumns}
-                closeMenu={() => closeGallery()}
-              ></Gallery>
-            </div>
-          </div>
-        </>
-      ) : null}
-    </div>
-  );
-}
+//       {/*
+//             These are the thumbnails for the gallery below the search bar
+//       */}
+//       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-60 gap-x-5 h-full mb-96 animate-in">
+//         {galleries && galleries.map((gallery, index) => (
+//           <div className="mx-auto">
+//             <GalleryThumbnail
+//               key={gallery.name + " " + showNSFW}
+//               id={gallery.name}
+//               title={gallery.name}
+//               tags={gallery.tags}
+//               columns={gallery.columns}
+//               showNsfw={showNSFW}
+//               subscription={gallery.tier as string}
+//               onSelect={selectGallery}
+//               nsfw={gallery.nsfw}
+//             ></GalleryThumbnail>
+//           </div>
+//         ))}
+//       </div>
+//       {isOpen ? (
+//         <>
+//           {/*
+//                 This is the modal for holding the gallery
+//           */}
+//           <div
+//             className={`fixed inset-0 transition-opacity z-30 ${isOpen ? 'animate-in' : 'fade-out'
+//               }`}
+//             aria-hidden="true"
+//           >
+//             <div
+//               className="absolute inset-0 bg-neroshi-blue-900 opacity-70 z-30"
+//               onClick={() => setIsOpen(false)}
+//             ></div>
+//             <div className="absolute inset-0 overflow-y-auto overflow-x-hidden no-scrollbar pt-2 w-full p-20 z-30">
+//               <Gallery
+//                 id={selectedGallery as string}
+//                 columns={galleryColumns}
+//                 closeMenu={() => closeGallery()}
+//               ></Gallery>
+//             </div>
+//           </div>
+//         </>
+//       ) : null}
+//     </div>
+//   );
+// }
 
-export default PageComponent;
\ No newline at end of file
+// export default PageComponent;
\ No newline at end of file
diff --git a/components/neroshitron/galleries.tsx b/components/neroshitron/galleries.tsx
index 78c87a4..72ef1e6 100644
--- a/components/neroshitron/galleries.tsx
+++ b/components/neroshitron/galleries.tsx
@@ -41,7 +41,8 @@ const Galleries = ({ nsfw, tags, search }:TagProps) => {
 
     return (
         <div className="absolute inset-0 mx-auto ml-16 md:ml-0 pt-48 p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-60 gap-x-4 animate-in overflow-y-scroll no-scrollbar z-0">
-            {galleries && galleries.map((gallery, index) => (
+
+            {galleries && galleries.map((gallery:any, index) => (
                 <GalleryThumbnail
                     key={gallery.name + " " + nsfw}
                     id={gallery.name}
diff --git a/components/neroshitron/tag_selector.tsx b/components/neroshitron/tag_selector.tsx
index 53dbed6..b41e3e2 100644
--- a/components/neroshitron/tag_selector.tsx
+++ b/components/neroshitron/tag_selector.tsx
@@ -46,8 +46,8 @@ const TagSelector = forwardRef<TagSelectorProps, {tagsInput:any[], tagSearch: st
         return (
             (tags.length > 0)? (
                 <div className="animate-in flex md:w-full animate-in pt-4 justify-center items-center">
-                    <div className="z-10 grid p-4 grid-cols-2 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-1 w-full h-max-72 overflow-y-scroll no-scrollbar pt-4 bg-neroshi-blue-900 rounded-md opacity-90 backdrop-filter backdrop-blur-md mx-auto">
-                        {props.tagsInput.map((tag: any) => (
+                    <div className="z-10 grid p-4 grid-cols-2 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-1 w-full max-h-96 overflow-y-scroll pt-4 bg-neroshi-blue-900 rounded-md opacity-90 backdrop-filter backdrop-blur-md mx-auto">
+                    {props.tagsInput.map((tag: any) => (
                             (tagSearch === '' || tag.name.toLowerCase().includes(tagSearch.toLowerCase())) && // Updated condition
                             <Tag key={generateRandomString()} tag={tag.name} selected={selectedTags.includes(tag.name)} onTagClicked={(tag) => handleTag(tag)} />
                         ))}