feat: connect feed filters apis with ui, change filters list style

src/features/Projects/pages/ExplorePage/ExplorePage.tsx

@@ -4,14 +4,16 @@ import ProjectsSection from "./ProjectsSection/ProjectsSection";
 
 export default function ExplorePage() {
     return (
-        <>
-            <div className="px-32">
-                <Header />
-            </div>
+        <div className="page-container">
+
+            <Header />
+
             {/* <div className="my-40 px-32">
                 <Categories />
             </div> */}
-            <ProjectsSection />
-        </>
+            <div className="w-full overflow-hidden">
+                <ProjectsSection />
+            </div>
+        </div>
     )
 }

src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.Skeleton.tsx

@@ -6,10 +6,10 @@ export default function ProjectsRowSkeleton() {
 
     return (
         <div className='mb-48'>
-            <h3 className="font-bolder text-body3 mb-24 px-32">
+            <h3 className="font-bolder text-body3 mb-24">
                 <Skeleton width='10ch' />
             </h3>
-            <div className="p-32 flex gap-20">
+            <div className=" flex gap-20">
                 {Array(5).fill(0).map((_, idx) => (
                     <ProjectCardMiniSkeleton key={idx} />
                 ))}

src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx

@@ -83,13 +83,13 @@ export default function ProjectsRow({ title, categoryId, projects }: Props) {
 
     return (
         <div className='mb-48'>
-            <h3 className="font-bolder text-body3 mb-24 px-32">
+            <h3 className="font-bolder text-body3 mb-24">
                 <span className="align-middle">{title}</span>
                 {categoryId > 0 && <Link to={`/category/${categoryId}`}>
                     <MdDoubleArrow className='text-gray-200 ml-8 hover:cursor-pointer transform scale-y-110 scale-x-125 origin-left' />
                 </Link>}
             </h3>
-            <div className="px-32">
+            <div className="">
                 <Carousel
                     showDots={false}
                     autoPlay={false}