Fix hackathon (#372)

* fix: modify api.ts

* fix: remove google auth buttom

* fix: fixes responsive fixes on organization

* fix: minor fixes

* fix: modify create organization

* fix: modify create organization

* fix: fix organization permission

* fix: merge into main

* feat: hackathon overview page

* feat: hackathon overview page

* feat: implement participant overview

* feat: implement participant overview

* feat: implement resources tab

* feat: implement the submission tab

* feat: implement comment tab

* fix: implement provider for hackathon

* fix: implement provider for hackathon

* fix: minor fixes

* fix: hackathon banner

* fix: hackathon banner

* fix: fix organization page

* fix: fix organization page

* fix: use transform

* fix: add tagline

* fix: add tagline

* fix: minor fixes

* fix: minor fixes

* fix: fix timeline and prizes

* fix: correct timeline events

* fix: implement registration deadline policy

* fix: implement registration deadline policy

* feat: implement leave hackathon

* feat: implement leave hackathon

* fix: delete hackathon

* fix: implement invite participants

* fix: implement participant profile viewing

* feat: fetch participants team

* fix: redesign hackathon banner

* fix: fix hackthon card

* fix: fix search bar in blog page

* fix: fix search bar in blog page

* fix: fix search bar in blog page

* fix: fix error in fetching team posts

* feat: implement create team, get my team

* feat: implement create team, get my team

* feat: implement hackathon project submission flow

* feat: implement voting for submission

* fix: team formation updates

Author: Benjtalkshow

components/hackathons/team-formation/CreateTeamPostModal.tsx

@@ -232,7 +232,7 @@ export function CreateTeamPostModal({
 
   return (
     <BoundlessSheet open={open} setOpen={onOpenChange}>
-      <div className='flex h-full flex-col bg-[#030303] text-white'>
+      <div className='flex-colbg-background-main-bg flex h-full text-white'>
         <div className='border-b border-gray-800 p-6'>
           <h2 className='text-2xl font-bold'>
             {isEditMode ? 'Edit Team Post' : 'Create Team Post'}

components/hackathons/team-formation/TeamDetailsSheet.tsx

@@ -192,7 +192,7 @@ export function TeamDetailsSheet({
 
   return (
     <BoundlessSheet open={open} setOpen={onOpenChange}>
-      <div className='flex h-full flex-col bg-[#030303] text-white'>
+      <div className='bg-background-main-bg flex h-full flex-col text-white'>
         <ScrollArea className='flex-1'>
           <div className='p-6'>
             {/* Header */}

components/hackathons/team-formation/TeamRecruitmentPostCard.tsx

@@ -228,7 +228,7 @@ export function TeamRecruitmentPostCard({
   return (
     <div
       onClick={handleCardClick}
-      className={`group hover:border-primary/45 mx-auto w-full max-w-[397px] overflow-hidden rounded-lg border border-[#2B2B2B] bg-[#030303] p-4 transition-all sm:p-5 ${onClick ? 'cursor-pointer hover:border-[#A7F950]/50' : ''}`}
+      className={`group hover:border-primary/45 bg-background-main-bg mx-auto w-full max-w-[397px] overflow-hidden rounded-lg border border-[#2B2B2B] p-4 transition-all sm:p-5 ${onClick ? 'cursor-pointer hover:border-[#A7F950]/50' : ''}`}
     >
       {isPinned && (
         <div className='mb-2 flex items-center gap-1.5 text-xs font-semibold text-[#A7F950]'>
@@ -263,7 +263,7 @@ export function TeamRecruitmentPostCard({
 
         <div className='flex items-center gap-2'>
           <Badge
-            className={`flex-shrink-0 rounded border px-2 py-0.5 text-xs font-medium ${
+            className={`shrink-0 rounded border px-2 py-0.5 text-xs font-medium ${
               post.isOpen
                 ? 'border-[#A7F950] bg-[#E5FFE5] text-[#4E9E00]'
                 : 'border-[#FF5757] bg-[#FFEAEA] text-[#D33]'