feat: style home header

src/components/HomeHeader.tsx

@@ -2,7 +2,7 @@ import { Heading, HStack, Text, VStack } from "@gluestack-ui/themed";
 
 export function HomeHeader() {
   return (
-    <HStack>
+    <HStack bg="$gray600" pt="$16" pb="$5" px="$8" alignItems="center">
       <VStack>
         <Text color="$gray100" fontSize="$sm">
           Olá,

src/screens/Home.tsx

@@ -1,10 +1,10 @@
 import { HomeHeader } from "@components/HomeHeader";
-import { Center } from "@gluestack-ui/themed";
+import { VStack } from "@gluestack-ui/themed";
 
 export function Home() {
   return (
-    <Center flex={1}>
+    <VStack flex={1}>
       <HomeHeader />
-    </Center>
+    </VStack>
   )
 }