minor cleanup

src/components/list-link.tsx

@@ -6,14 +6,16 @@ interface ListLinkProps {
   label: string;
   to: string;
   Icon?: Icon;
+  disabled?: boolean
 }
 
-const ListLink = ({ label, to, Icon }: ListLinkProps) => {
+const ListLink = ({ label, to, Icon, disabled=false }: ListLinkProps) => {
   const navigate = useNavigate();
 
   return (
     <>
       <NavLink
+        disabled={disabled}
         w="100%"
         p="md"
         component={"button"}

src/features/teams/components/team-form/song-picker.tsx

@@ -8,6 +8,7 @@ import SongSearch from "./song-search";
 import DurationPicker from "./duration-picker";
 import SongSummary from "./song-summary";
 import { MusicNote } from "@phosphor-icons/react/dist/ssr";
+import { MusicNoteIcon } from "@phosphor-icons/react";
 
 interface Song {
   song_id: string;
@@ -117,7 +118,7 @@ const SongPickerComponent = ({ value: song, onChange, formValues }: SongPickerCo
             radius="md"
             bg="transparent"
           >
-            {!song?.song_image_url && <MusicNote size={24} color="var(--mantine-color-dimmed)" />}
+            {!song?.song_image_url && <MusicNoteIcon size={24} color="var(--mantine-color-dimmed)" />}
           </Avatar>
           <div>
             <Text size="sm" fw={500} c={song?.song_name ? undefined : "dimmed"}>

src/features/tournaments/components/started-tournament/index.tsx

@@ -69,8 +69,8 @@ const StartedTournament: React.FC<{ tournament: Tournament }> = ({
           to={`/tournaments/${tournament.id}/bracket`}
           Icon={TreeStructureIcon}
         />
-        <RulesListButton tournamentId={tournament.id} />
         <TeamListButton teams={tournament.teams || []} />
+        <RulesListButton tournamentId={tournament.id} />
       </Box>
     </Stack>
   );

src/features/tournaments/components/upcoming-tournament/index.tsx

@@ -128,9 +128,10 @@ const UpcomingTournament: React.FC<{ tournament: Tournament }> = ({
           label={`View Bracket`}
           to={`/tournaments/${tournament.id}/bracket`}
           Icon={TreeStructureIcon}
+          disabled
         />
-        <RulesListButton tournamentId={tournament.id} />
         <TeamListButton teams={tournament.teams || []} />
+        <RulesListButton tournamentId={tournament.id} />
       </Box>
     </Stack>
   );