feat: implement resources tab in hackathon workflow

- Added a new ResourcesTab component for managing resources related to hackathons.
- Integrated resource file upload functionality with validation for file types and sizes.
- Updated the hackathon data structure to support resources as a nested object.
- Enhanced the HackathonPage to include the new resources tab in navigation.
- Refactored related hooks and schemas to accommodate the new resources feature.
- Ensured compatibility with existing data formats and updated transformation logic accordingly.

Author: 0xdevcollins

app/(landing)/hackathons/[slug]/page.tsx

@@ -10,7 +10,7 @@ import { HackathonBanner } from '@/components/hackathons/hackathonBanner';
 import { HackathonNavTabs } from '@/components/hackathons/hackathonNavTabs';
 import { HackathonOverview } from '@/components/hackathons/overview/hackathonOverview';
 import { HackathonParticipants } from '@/components/hackathons/participants/hackathonParticipant';
-// import { HackathonResources } from '@/components/hackathons/resources/resources';
+import { HackathonResources } from '@/components/hackathons/resources/resources';
 import SubmissionTab from '@/components/hackathons/submissions/submissionTab';
 // import { HackathonDiscussions } from '@/components/hackathons/discussion/comment';
 import { TeamFormationTab } from '@/components/hackathons/team-formation/TeamFormationTab';
@@ -48,7 +48,7 @@ export default function HackathonPage() {
             },
           ]
         : []),
-      // { id: 'resources', label: 'Resources' },
+      { id: 'resources', label: 'Resources' },
 
       {
         id: 'submission',
@@ -250,6 +250,9 @@ export default function HackathonPage() {
         {activeTab === 'team-formation' && (
           <TeamFormationTab hackathonSlugOrId={hackathonId} />
         )}
+        {activeTab === 'resources' && (
+          <HackathonResources hackathonSlugOrId={hackathonId} />
+        )}
       </div>
     </div>
   );

app/(landing)/hackathons/preview/[orgId]/[draftId]/page.tsx

@@ -131,7 +131,7 @@ export default function DraftPreviewPage({ params }: PreviewPageProps) {
             endDate: transformed.timeline.winnerAnnouncementDate,
             organizer: response.data.organizer,
             featured: transformed.featured || false,
-            resources: transformed.collaboration.socialLinks || [],
+            resources: transformed.resources || { resources: [] },
           };
 
           setPreviewHackathon(hackathon);

components/auth/LoginWrapper.tsx

@@ -33,8 +33,9 @@ const LoginWrapper = ({ setLoadingState }: LoginWrapperProps) => {
   const [isLoading, setIsLoading] = useState(false);
   const [lastMethod, setLastMethod] = useState<string | null>(null);
 
-  const callbackUrl =
-    searchParams.get('callbackUrl') || process.env.NEXT_PUBLIC_APP_URL || '/';
+  const callbackUrl = searchParams.get('callbackUrl')
+    ? decodeURIComponent(searchParams.get('callbackUrl')!)
+    : process.env.NEXT_PUBLIC_APP_URL || '/';
 
   useEffect(() => {
     const method = authClient.getLastUsedLoginMethod();
@@ -131,7 +132,7 @@ const LoginWrapper = ({ setLoadingState }: LoginWrapperProps) => {
       await authClient.signIn.social(
         {
           provider: 'google',
-          callbackURL: process.env.NEXT_PUBLIC_APP_URL || '/',
+          callbackURL: callbackUrl,
         },
         {
           onRequest: () => {
@@ -163,7 +164,7 @@ const LoginWrapper = ({ setLoadingState }: LoginWrapperProps) => {
 
       toast.error(errorMessage);
     }
-  }, [setLoadingState]);
+  }, [setLoadingState, callbackUrl]);
 
   const onSubmit = useCallback(
     async (values: FormData) => {
@@ -176,7 +177,7 @@ const LoginWrapper = ({ setLoadingState }: LoginWrapperProps) => {
             email: values.email,
             password: values.password,
             rememberMe: values.rememberMe,
-            callbackURL: process.env.NEXT_PUBLIC_APP_URL || '/',
+            callbackURL: callbackUrl,
           },
           {
             onRequest: () => {

components/hackathons/hackathonBanner.tsx

@@ -7,7 +7,7 @@ import { formatDate } from '@/lib/utils';
 import { useEffect, useState, useRef, useMemo } from 'react';
 import { FileText, Users, ArrowRight, Calendar } from 'lucide-react';
 import { useAuthStatus } from '@/hooks/use-auth';
-import { useRouter } from 'next/navigation';
+import { useRouter, usePathname } from 'next/navigation';
 
 interface HackathonBannerProps {
   title: string;
@@ -140,6 +140,7 @@ export function HackathonBanner({
 
   const { isAuthenticated } = useAuthStatus();
   const router = useRouter();
+  const pathname = usePathname();
 
   const hackathonStatus = useRef<'upcoming' | 'ongoing' | 'ended'>('upcoming');
 
@@ -240,7 +241,8 @@ export function HackathonBanner({
   ]);
 
   const handleRedirectToAuthScreen = () => {
-    router.push('/auth?mode=signin');
+    const callbackUrl = encodeURIComponent(pathname);
+    router.push(`/auth?mode=signin&callbackUrl=${callbackUrl}`);
   };
 
   const getStatusColor = () => {