fix(core): meeting settings issues (#12226)

fix AF-2606

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - The "meetings" settings panel is now only visible on macOS when using the Electron build.
  - The "Meetings Settings..." menu item in the recording menu appears only when recording functionality is available.

- **Style**
  - Improved the subtitle formatting in the meetings settings panel for clearer visual separation and enhanced readability.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/apps/electron/src/main/tray/index.ts

@@ -220,15 +220,17 @@ class TrayState implements Disposable {
           );
         }
       }
-      items.push({
+      if (checkRecordingAvailable()) {
-        label: `Meetings Settings...`,
+        items.push({
-        click: () => {
+          label: `Meetings Settings...`,
-          showMainWindow();
+          click: () => {
-          applicationMenuSubjects.openInSettingModal$.next({
+            showMainWindow();
-            activeTab: 'meetings',
+            applicationMenuSubjects.openInSettingModal$.next({
-          });
+              activeTab: 'meetings',
-        },
+            });
-      });
+          },
+        });
+      }
 
       return items;
     };

packages/frontend/core/src/desktop/dialogs/setting/general-setting/index.tsx

@@ -95,13 +95,15 @@ export const useGeneralSettingList = (): GeneralSettingList => {
       });
     }
 
-    settings.push({
+    if (environment.isMacOs && BUILD_CONFIG.isElectron) {
-      key: 'meetings',
+      settings.push({
-      title: t['com.affine.settings.meetings'](),
+        key: 'meetings',
-      icon: <MeetingIcon />,
+        title: t['com.affine.settings.meetings'](),
-      testId: 'meetings-panel-trigger',
+        icon: <MeetingIcon />,
-      beta: !meetingSettings?.enabled,
+        testId: 'meetings-panel-trigger',
-    });
+        beta: !meetingSettings?.enabled,
+      });
+    }
 
     if (hasPaymentFeature) {
       settings.splice(4, 0, {

packages/frontend/core/src/desktop/dialogs/setting/general-setting/meetings/index.tsx

@@ -201,16 +201,16 @@ const MeetingsSettingsMain = () => {
         beta
         title={t['com.affine.settings.meetings']()}
         subtitle={
-          t['com.affine.settings.meetings.setting.prompt']() +
+          <>
-          '\n' +
+            {t['com.affine.settings.meetings.setting.prompt']()}
-          (
+            <br />
             <Trans
               i18nKey="com.affine.settings.meetings.setting.prompt.2"
               components={{
                 strong: <strong />,
               }}
             />
-          )
+          </>
         }
       />