Fix: alphabetize repository dropdown in Team sidebar

Author: dhyana6466

Frontend/src/features/team-stats/components/teamStatsSidebar.jsx

@@ -42,7 +42,13 @@ const TeamStatsSidebar = ({
         <div className="sidebar-section">
           <label className="sidebar-label">Team</label>
           <select className="sidebar-select" value={selectedTeam} onChange={(e) => setSelectedTeam(e.target.value)}>
-            {TEAMS.map((t, index) => <option key={`team-${index}`} value={t}>{t}</option>)}
+            {[...TEAMS]
+              .sort((a, b) => a.localeCompare(b)) // Sort alphabetically
+              .map((t, index) => (
+                <option key={`team-${index}`} value={t}>
+                  {t}
+                </option>
+              ))}
           </select>
         </div>
       )}
@@ -59,7 +65,13 @@ const TeamStatsSidebar = ({
                 setSelectedUser("all");
               }}
             >
-              {TEAMS.map((t, index) => <option key={`repo-${index}`} value={t}>{t}</option>)}
+              {[...TEAMS]
+                .sort((a, b) => a.localeCompare(b)) // Sort alphabetically
+                .map((t, index) => (
+                  <option key={`repo-${index}`} value={t}>
+                    {t}
+                  </option>
+                ))}
             </select>
           </div>