style: update graphics (#1138)

* style: update new icon and NavLinks scale

* style: new username update

* refactor(Dropdown); style: general settings

* style(Dropdown); adjust theme

* style: dropdown and settings text

* fix(Dropdown) system theme not working

* style: topbar sticky; fix: general's menu settings transparent with light theme

* fix(SubmitButton) stop generate button

* fix: user_provided dialog for new dropdown

* fix: TS error 'display'

* fix(EditPresetDialog): for new dropdown

* style: added green send button

* converted textchat in tsx

* style(SubmitButton): tooltip

* test: fixed ThemeSelector and LangSelector

* removed transition-opacity

* fix all tests

* removed empty cn call

* chore: Update General.tsx to add Arabic option

---------

Co-authored-by: Danny Avila <110412045+danny-avila@users.noreply.github.com>

client/src/components/Input/SetKeyDialog/SetKeyDialog.tsx

@@ -3,7 +3,7 @@ import type { TDialogProps } from '~/common';
 import { Dialog, Dropdown } from '~/components/ui';
 import DialogTemplate from '~/components/ui/DialogTemplate';
 import { RevokeKeysButton } from '~/components/Nav';
-import { cn, defaultTextProps, removeFocusOutlines, alternateName } from '~/utils';
+import { cn, alternateName } from '~/utils';
 import { useUserKey, useLocalize } from '~/hooks';
 import GoogleConfig from './GoogleConfig';
 import OpenAIConfig from './OpenAIConfig';
@@ -75,13 +75,7 @@ const SetKeyDialog = ({
               value={expiresAtLabel}
               onChange={handleExpirationChange}
               options={expirationOptions.map((option) => option.display)}
-              className={cn(
-                defaultTextProps,
-                'flex h-full w-full resize-none',
-                removeFocusOutlines,
-              )}
-              optionsClassName="max-h-72"
-              containerClassName="flex w-1/2 md:w-1/3 resize-none z-[51]"
+              width={185}
             />
             <EndpointComponent userKey={userKey} setUserKey={setUserKey} endpoint={endpoint} />
             <HelpText endpoint={endpoint} />