refactor: ensure that only profiles without group are shown in the default list

src/app/page.tsx

@@ -58,7 +58,7 @@ export default function Home() {
     useState(false);
   const [groupAssignmentDialogOpen, setGroupAssignmentDialogOpen] =
     useState(false);
-  const [selectedGroupId, setSelectedGroupId] = useState<string | null>(null);
+  const [selectedGroupId, setSelectedGroupId] = useState<string>("default");
   const [selectedProfilesForGroup, setSelectedProfilesForGroup] = useState<
     string[]
   >([]);
@@ -82,7 +82,7 @@ export default function Home() {
   const { isMicrophoneAccessGranted, isCameraAccessGranted, isInitialized } =
     usePermissions();
 
-  const handleSelectGroup = useCallback((groupId: string | null) => {
+  const handleSelectGroup = useCallback((groupId: string) => {
     setSelectedGroupId(groupId);
     setSelectedProfiles([]);
   }, []);

src/components/group-badges.tsx

@@ -5,7 +5,7 @@ import type { GroupWithCount } from "@/types";
 
 interface GroupBadgesProps {
   selectedGroupId: string | null;
-  onGroupSelect: (groupId: string | null) => void;
+  onGroupSelect: (groupId: string) => void;
   refreshTrigger?: number;
   groups: GroupWithCount[];
   isLoading: boolean;
@@ -39,7 +39,7 @@ export function GroupBadges({
           variant={selectedGroupId === group.id ? "default" : "secondary"}
           className="cursor-pointer hover:bg-primary/80 transition-colors flex items-center gap-2 px-3 py-1"
           onClick={() => {
-            onGroupSelect(selectedGroupId === group.id ? null : group.id);
+            onGroupSelect(selectedGroupId === group.id ? "default" : group.id);
           }}
         >
           <span>{group.name}</span>

src/components/profile-data-table.tsx

@@ -147,10 +147,10 @@ export function ProfilesDataTable({
 
   // Filter data by selected group
   const filteredData = React.useMemo(() => {
-    if (!selectedGroupId) return data;
+    if (!selectedGroupId || selectedGroupId === "default") {
-    if (selectedGroupId === "default") {
       return data.filter((profile) => !profile.group_id);
     }
+
     return data.filter((profile) => profile.group_id === selectedGroupId);
   }, [data, selectedGroupId]);