priming home screen

components/Home/component.tsx

@@ -1,6 +1,7 @@
 import { H1, ScrollView, YStack } from "tamagui";
 import { useApiClientContext } from "../jellyfin-api-provider";
 import _ from "lodash";
+import { Heading } from "../helpers/text";
 
 
 export default function Home(): React.JSX.Element {
@@ -10,7 +11,10 @@ export default function Home(): React.JSX.Element {
     return (
         <ScrollView paddingLeft={10}>
             <YStack alignContent='flex-start'>
-                <H1>Hi there</H1>
+                <Heading>Hi there</Heading>
+                <ScrollView horizontal>
+
+                </ScrollView>
             </YStack>
         </ScrollView>
     );

components/navigation.tsx

@@ -9,7 +9,13 @@ export default function Navigation(): React.JSX.Element {
     return (
       <RootStack.Navigator>
       <RootStack.Group>
-        <RootStack.Screen name="Jellify" component={Home} />
+        <RootStack.Screen 
+          name="Home" 
+          component={Home}
+          options={{
+            headerShown: false
+          }}
+        />
       </RootStack.Group>
       <RootStack.Group screenOptions={{ presentation: 'modal' }}>
         <RootStack.Screen name="Player" component={Player} />