feat: implement team management dialog and refactor team page structure

- Introduced `TeamDialog` component to manage team members within a modal.
- Created `TeamContent` component to encapsulate team management logic and UI.
- Refactored `TeamManagementPage` to utilize the new `TeamContent` component, improving code organization.
- Added `teamDialogAtom` for managing the open state of the team dialog.
- Updated `LayoutDataProvider` to integrate the new team dialog functionality.

surfsense_web/atoms/settings/settings-dialog.atoms.ts

@@ -19,3 +19,5 @@ export const userSettingsDialogAtom = atom<UserSettingsDialogState>({
 	open: false,
 	initialTab: "profile",
 });
+
+export const teamDialogAtom = atom<boolean>(false);