Update configuration settings and improve notifications

This commit updates the configuration settings and improves the notification functionality by filtering out duplicate notifications. It also includes changes to feature flag data types and removed dependencies in `package.json`, alongside updates to `pnpm-lock.yaml`.

apps/web/app/home/[account]/_components/team-account-layout-sidebar.tsx

@@ -29,6 +29,7 @@ type AccountModel = {
 
 export function TeamAccountLayoutSidebar(props: {
   account: string;
+  accountId: string;
   accounts: AccountModel[];
   collapsed: boolean;
   user: User;
@@ -40,6 +41,7 @@ export function TeamAccountLayoutSidebar(props: {
           collapsed={collapsed}
           setCollapsed={setCollapsed}
           account={props.account}
+          accountId={props.accountId}
           accounts={props.accounts}
           user={props.user}
         />
@@ -50,6 +52,7 @@ export function TeamAccountLayoutSidebar(props: {
 
 function SidebarContainer(props: {
   account: string;
+  accountId: string;
   accounts: AccountModel[];
   collapsed: boolean;
   setCollapsed: (collapsed: boolean) => void;
@@ -61,7 +64,9 @@ function SidebarContainer(props: {
   return (
     <>
       <SidebarContent className={'h-16 justify-center'}>
-        <div className={'flex max-w-full items-center space-x-2'}>
+        <div
+          className={'flex max-w-full items-center justify-between space-x-4'}
+        >
           <TeamAccountAccountsSelector
             selectedAccount={account}
             accounts={accounts}
@@ -69,7 +74,7 @@ function SidebarContainer(props: {
 
           <TeamAccountNotifications
             userId={props.user.id}
-            accountId={account}
+            accountId={props.accountId}
           />
         </div>
       </SidebarContent>

apps/web/app/home/[account]/_components/team-account-navigation-menu.tsx

@@ -50,10 +50,10 @@ export function TeamAccountNavigationMenu(props: {
 
       <div className={'flex justify-end space-x-2.5'}>
         <TeamAccountAccountsSelector
-          selectedAccount={account.id}
+          selectedAccount={account.slug}
           accounts={accounts.map((account) => ({
             label: account.name,
-            value: account.id,
+            value: account.slug,
             image: account.picture_url,
           }))}
         />

apps/web/app/home/[account]/layout.tsx

@@ -46,6 +46,7 @@ function TeamWorkspaceLayout({
           <TeamAccountLayoutSidebar
             collapsed={false}
             account={params.account}
+            accountId={data.account.id}
             accounts={accounts}
             user={data.user}
           />