V2 Settings Shell - Add Teams Section & UI fixes (#4347)

* Add teams to sidebar and fix UI

* Clean up

* V2 Multi-select (Team Select) (#4324)

* --init

* design improved

* further fine tuning

* more fixes

* removed extra JSX tag

* added story

* NIT

* revert to use of CheckedTeamSelect

* Removes comments

Co-authored-by: Peer Richelsen <peeroke@gmail.com>

* fix: toggle alligment (#4361)

* fix: add checked tranform for switch (#4357)

* fixed input size on mobile, fixed settings (#4360)

* fixing type errors

* Mobile fixes

* Tests fixes

Co-authored-by: Syed Ali Shahbaz <52925846+alishaz-polymath@users.noreply.github.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
Co-authored-by: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
Co-authored-by: CarinaWolli <wollencarina@gmail.com>
Co-authored-by: zomars <zomars@me.com>

apps/web/public/static/locales/en/common.json

@@ -1202,6 +1202,8 @@
  "form_description": "Create your form to route a booker",
  "copy_link_to_form": "Copy link to form",
 <<<<<<< HEAD
+ "add_a_team": "Add a team",
+ "saml_config": "SAML Config",
  "add_a_team": "Add a team",
  "saml_config": "SAML Config",
  "add_webhook_description": "Receive meeting data in real-time when something happens in Cal.com",

packages/ui/v2/core/layouts/SettingsLayout.tsx

@@ -1,7 +1,6 @@
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@radix-ui/react-collapsible";
 import { useSession } from "next-auth/react";
-import Link from "next/link";
-import React, { ComponentProps, useState, useEffect } from "react";
+import React, { ComponentProps, useEffect, useState } from "react";
 
 import { classNames } from "@calcom/lib";
 import { WEBAPP_URL } from "@calcom/lib/constants";
@@ -106,7 +105,6 @@ const SettingsSidebarContainer = ({ className = "" }) => {
  useEffect(() => {
  if (teams) {
  const teamStates = teams?.map((team) => ({ teamId: team.id, teamMenuOpen: false }));
-
  setTeamMenuState(teamStates);
  }
  }, [teams]);