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/components/shared/llm-config-form.tsx

@@ -562,17 +562,17 @@ export function LLMConfigForm({
 							compact ? "justify-end" : "justify-center sm:justify-end"
 						)}
 					>
-						{onCancel && (
-							<Button
-								type="button"
-								variant="outline"
-								onClick={onCancel}
-								disabled={isSubmitting}
-								className="text-xs sm:text-sm h-9 sm:h-10"
-							>
-								Cancel
-							</Button>
-						)}
+					{onCancel && (
+						<Button
+							type="button"
+							variant="secondary"
+							onClick={onCancel}
+							disabled={isSubmitting}
+							className="text-xs sm:text-sm h-9 sm:h-10"
+						>
+							Cancel
+						</Button>
+					)}
 						<Button
 							type="submit"
 							disabled={isSubmitting}