smol fixes

components/Album/component.tsx

@@ -52,8 +52,8 @@ export default function Album({
                             height={width / 1.1}
                         />
 
-                        <H4>{ album.Name ?? "Untitled Album" }</H4>
-                        <H5>{ album.ProductionYear?.toString() ?? "" }</H5>
+                        <H5>{ album.Name ?? "Untitled Album" }</H5>
+                        <Text>{ album.ProductionYear?.toString() ?? "" }</Text>
                     </YStack>
 
                 )}

components/Global/helpers/icon-card.tsx

@@ -1,5 +1,5 @@
 import { Card, getTokens, View } from "tamagui";
-import { H2 } from "./text";
+import { H2, H4 } from "./text";
 import Icon from "./icon";
 
 export default function IconCard({ 
@@ -32,7 +32,7 @@ export default function IconCard({
                     <Icon color={getTokens().color.purpleDark.val} name={name} large />
                 </Card.Header>
                 <Card.Footer padded>
-                    <H2 color={getTokens().color.purpleDark.val}>{ caption }</H2>
+                    <H4 color={getTokens().color.purpleDark.val}>{ caption ?? "" }</H4>
                 </Card.Footer>
                 <Card.Background backgroundColor={getTokens().color.telemagenta}>
 

components/Global/helpers/text.tsx

@@ -45,24 +45,25 @@ export function H2(props: TamaguiTextProps): React.JSX.Element {
     )
 }
 
-export function H3({ children }: { children: string }): React.JSX.Element {
+export function H3(props: TamaguiTextProps): React.JSX.Element {
     return (
         <TamaguiH3
             fontWeight={800}
             marginVertical={5}
+            {...props}
         >
-            { children }
+            { props.children }
         </TamaguiH3>
     )
 }
 
-export function H4({ children }: { children: string }): React.JSX.Element {
+export function H4(props: TamaguiTextProps): React.JSX.Element {
     return (
         <TamaguiH4 
             fontWeight={800}
             marginVertical={3}
         >
-            {children}
+            { props.children }
         </TamaguiH4>
     )
 }

components/Player/screens/index.tsx

@@ -62,7 +62,7 @@ export default function PlayerScreen({ navigation }: { navigation: NativeStackNa
                     >
                         <Text>Playing from</Text>
                         <TextTicker {...TextTickerConfig}>
-                            <H5>{ queueName ?? "Queue"}</H5>
+                            <Text bold>{ queueName ?? "Queue"}</Text>
                         </TextTicker>
                     </YStack>