style: adjusted styling and layout for mac os and file list view

src/renderer/src/assets/styles/index.scss

@@ -168,6 +168,7 @@ body,
 body[os='mac'] {
   #content-container {
     border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;
     border-left: 0.5px solid var(--color-border);
     box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.05);
   }

src/renderer/src/components/Popups/SelectModelPopup.tsx

@@ -221,6 +221,11 @@ const StyledMenu = styled(Menu)`
     height: 36px;
     line-height: 36px;
 
+    &.ant-menu-item-selected {
+      background-color: var(--color-background-mute) !important;
+      color: var(--color-text-primary) !important;
+    }
+
     &:not([data-menu-id^='pinned-']) {
       .pin-icon {
         opacity: 0;

src/renderer/src/pages/files/FilesPage.tsx

@@ -38,19 +38,20 @@ const FilesPage: FC = () => {
     {
       title: t('files.name'),
       dataIndex: 'file',
-      key: 'file'
+      key: 'file',
+      width: '300px'
     },
     {
       title: t('files.size'),
       dataIndex: 'size',
       key: 'size',
-      width: '100px'
+      width: '80px'
     },
     {
       title: t('files.count'),
       dataIndex: 'count',
       key: 'count',
-      width: '100px'
+      width: '60px'
     },
     {
       title: t('files.created_at'),

src/renderer/src/pages/home/Tabs/Settings.tsx

@@ -81,6 +81,18 @@ const SettingsTab: FC = () => {
         />
       </SettingRow>
       <SettingDivider />
+      <SettingRow>
+        <SettingRowTitleSmall>{t('message.message.style')}</SettingRowTitleSmall>
+        <Select
+          value={messageStyle}
+          onChange={(value) => dispatch(setMessageStyle(value))}
+          style={{ width: 135 }}
+          size="small">
+          <Select.Option value="plain">{t('message.message.style.plain')}</Select.Option>
+          <Select.Option value="bubble">{t('message.message.style.bubble')}</Select.Option>
+        </Select>
+      </SettingRow>
+      <SettingDivider />
       <SettingRow>
         <SettingRowTitleSmall>{t('message.message.code_style')}</SettingRowTitleSmall>
         <Select
@@ -96,18 +108,6 @@ const SettingsTab: FC = () => {
         </Select>
       </SettingRow>
       <SettingDivider />
-      <SettingRow>
-        <SettingRowTitleSmall>{t('message.message.style')}</SettingRowTitleSmall>
-        <Select
-          value={messageStyle}
-          onChange={(value) => dispatch(setMessageStyle(value))}
-          style={{ width: 135 }}
-          size="small">
-          <Select.Option value="plain">{t('message.message.style.plain')}</Select.Option>
-          <Select.Option value="bubble">{t('message.message.style.bubble')}</Select.Option>
-        </Select>
-      </SettingRow>
-      <SettingDivider />
       <SettingRow>
         <SettingRowTitleSmall>{t('settings.messages.math_engine')}</SettingRowTitleSmall>
         <Select