Update UI styles and behavior across various components

This commit updates a variety of user interface styles and interactivity across multiple components. Changes include altering color schemes and border styles, modifying button interactivity and behaviors, and updating font weights. An emphasis has been placed on enhancing visual appearance, improving user experience, and maintaining a more consistent look-and-feel across the application.

packages/features/accounts/src/components/account-selector.tsx

@@ -240,21 +240,24 @@ export function AccountSelector({
           <Separator />
 
           <If condition={features.enableTeamCreation}>
-            <Button
-              data-test={'create-team-account-trigger'}
-              variant="ghost"
-              className="w-full justify-start rounded-none"
-              onClick={() => {
-                setIsCreatingAccount(true);
-                setOpen(false);
-              }}
-            >
-              <Plus className="mr-3 h-4 w-4" />
+            <div className={'p-1'}>
+              <Button
+                data-test={'create-team-account-trigger'}
+                variant="ghost"
+                size={'sm'}
+                className="w-full justify-start text-sm font-normal"
+                onClick={() => {
+                  setIsCreatingAccount(true);
+                  setOpen(false);
+                }}
+              >
+                <Plus className="mr-3 h-4 w-4" />
 
-              <span>
-                <Trans i18nKey={'teams:createTeam'} />
-              </span>
-            </Button>
+                <span>
+                  <Trans i18nKey={'teams:createTeam'} />
+                </span>
+              </Button>
+            </div>
           </If>
         </PopoverContent>
       </Popover>