fix: refetch task groups after task group creation

frontend/src/screens/create-task-group.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { zodResolver } from "@hookform/resolvers/zod";
 import RNDateTimePicker from "@react-native-community/datetimepicker";
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Controller, useForm } from "react-hook-form";
 import {
   Button,
@@ -66,6 +66,8 @@ export function CreateTaskGroupScreen() {
     queryFn: getUsers,
   });
 
+  const queryClient = useQueryClient();
+
   const [selectedUserIds, setSelectedUserIds] = React.useState<string[]>([]);
   const [date, setDate] = React.useState<Date | undefined>(new Date());
   const [showDatePicker, setShowDatePicker] = React.useState(false);
@@ -87,6 +89,7 @@ export function CreateTaskGroupScreen() {
       resetForm({ ...defaultValues });
       setSelectedUserIds([]);
       setDate(new Date());
+      queryClient.refetchQueries({ queryKey: ["taskGroup"] });
     },
     onError: (err) => {
       console.error(err);
@@ -99,9 +102,6 @@ export function CreateTaskGroupScreen() {
     mutate({
       ...data,
     });
-
-    // TODO: refetch taskgroups
-    // queryClient.refetchQueries({ queryKey: ["tasks"] });
   }
 
   if (users === undefined || isLoading) {