profile not done

src/screens/GroupScreen.tsx

@@ -3,10 +3,13 @@ import { View, Text, StyleSheet } from "react-native";
 import { FAB, Portal, Provider } from "react-native-paper";
 import Tooltip from "react-native-walkthrough-tooltip";
 import { MaterialIcons } from '@react-native-vector-icons/material-icons';
+import { useNavigation } from "@react-navigation/native";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { RootStackParamList } from "../navigation/AppNavigator";
 
 export default function GroupScreen() {
   const [tooltipVisible, setTooltipVisible] = useState(false);
-
+      const navigation = useNavigation<StackNavigationProp<RootStackParamList>>();
   return (
     <Provider>
       <View style={styles.container}>
@@ -16,7 +19,9 @@ export default function GroupScreen() {
     <FAB
       style={styles.fab}
       icon={() => <MaterialIcons name="group-add" size={24} color="#eb87a3ff" />}
-      onPress={() => setTooltipVisible(true)}
+      onPress={() => {
+        navigation.navigate('GroupCreation')
+      }}
     />
 
 
@@ -30,6 +35,7 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: "#dae4ed",
     padding: 16,
+    paddingTop: 40,
   },
   title: {
     fontSize: 22,