feat: add upcoming colles tab

app/components/home/index.tsx

@@ -9,6 +9,7 @@ import {
   UserIcon,
   SortAsc,
   SortDesc,
+  CalendarClock,
 } from "lucide-react";
 import {
   Select,
@@ -157,7 +158,7 @@ export default function Home({ user }: { user: User }) {
       <div className="space-y-6 pb-20 md:pb-0">
         {/* Tabs */}
         <Tabs
-          defaultValue="all"
+          defaultValue="you"
           value={activeTab}
           onValueChange={setActiveTab}
           className="max-w-md w-full"
@@ -175,11 +176,17 @@ export default function Home({ user }: { user: User }) {
               <Users className="h-4 w-4" />
               Classe
             </TabsTrigger>
+            <TabsTrigger value="upcoming" className={tabsStyle}>
+              <CalendarClock className="h-4 w-4" />
+              À venir
+            </TabsTrigger>
           </TabsList>
         </Tabs>
 
         {/* Week Navigation */}
-        <WeekNavigation startDate={startDate} setStartDate={setStartDate} />
+        {activeTab !== "upcoming" && (
+          <WeekNavigation startDate={startDate} setStartDate={setStartDate} />
+        )}
 
         {/* Filter component */}
         <div className="flex gap-2 pb-0 pt-2">
@@ -260,6 +267,18 @@ export default function Home({ user }: { user: User }) {
           />
         )}
 
+        {/* Upcoming Colles Tab */}
+        {activeTab === "upcoming" && (
+          <TabContent
+            tabTitle="Toutes les colles à venir"
+            emptyCollesText="Cette fonctionnalité est en cours de développement. Bientôt, vous verrez ici toutes les colles à venir pour votre classe."
+            isLoading={false}
+            isSorted={sorted === "desc"}
+            colles={[]}
+            preferences={user.preferences}
+          />
+        )}
+
         {/* Bottom Navigation for Mobile */}
         <BottomNavigation activeId="colles" />
       </div>