[web] Update loading spinner in IDE for BS5 (#21970)

* Update `LoadingPane` with `LoadingSpinner`

* Remove unused file no-open-doc-pane.tsx

* Remove translation `open_a_file_on_the_left`

GitOrigin-RevId: 9045443de6aaf19b1d4bf82cd2be3ba91ee53bf1

services/web/frontend/extracted-translations.json

@@ -1009,7 +1009,6 @@
   "only_group_admin_or_managers_can_delete_your_account_4": "",
   "only_group_admin_or_managers_can_delete_your_account_5": "",
   "only_importer_can_refresh": "",
-  "open_a_file_on_the_left": "",
   "open_action_menu": "",
   "open_advanced_reference_search": "",
   "open_file": "",

services/web/frontend/js/features/ide-react/components/editor/loading-pane.tsx

@@ -1,15 +1,10 @@
 import { FC } from 'react'
-import { useTranslation } from 'react-i18next'
+import LoadingSpinner from '@/shared/components/loading-spinner'
 
 export const LoadingPane: FC = () => {
-  const { t } = useTranslation()
-
   return (
     <div className="loading-panel">
-      <span>
-        <i className="fa fa-spin fa-refresh" />
-        &nbsp;&nbsp;{t('loading')}…
-      </span>
+      <LoadingSpinner />
     </div>
   )
 }

services/web/frontend/js/features/ide-react/components/editor/no-open-doc-pane.tsx

@@ -1,14 +0,0 @@
-import { useTranslation } from 'react-i18next'
-
-export default function NoOpenDocPane() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="loading-panel">
-      <span>
-        <i className="fa fa-arrow-left" />
-        &nbsp;&nbsp;{t('open_a_file_on_the_left')}
-      </span>
-    </div>
-  )
-}

services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss

@@ -313,3 +313,10 @@ $editor-toggler-bg-dark-color: color.adjust(
   height: auto;
   border-bottom: 1px solid var(--border-divider);
 }
+
+.loading-panel {
+  inset: 0;
+  text-align: center;
+  padding-top: var(--spacing-16);
+  background-color: var(--bg-light-secondary);
+}

services/web/locales/da.json

@@ -1366,7 +1366,6 @@
   "only_group_admin_or_managers_can_delete_your_account_4": "Når du bliver en styret bruger kan du ikke gå tilbage. <0>Lær mere om styrede Overleaf konti.</0>",
   "only_group_admin_or_managers_can_delete_your_account_5": "For mere information, se \"Managed Accounts\" sektionen i vores brugsvilkår som du accepterer ved at klikke Accepter invitation",
   "only_importer_can_refresh": "Kun personen som oprindeligt importerede denne __provider__ fil kan genindlæse den.",
-  "open_a_file_on_the_left": "Open en fil til venstre",
   "open_action_menu": "Åbn __name__ handlingsmenu",
   "open_advanced_reference_search": "Åbn avanceret henvisningssøgning",
   "open_as_template": "Åben som skabelon",

services/web/locales/de.json

@@ -974,7 +974,6 @@
   "only_group_admin_or_managers_can_delete_your_account_1": "Wenn du ein verwalteter Benutzer wirst, hat deine Organisation Administratorrechte für deinen Account und die Kontrolle über deine Daten, einschließlich des Rechts, deinen Account zu schließen und auf deine Daten zuzugreifen, sie zu löschen und zu teilen. Das Ergebnis ist:",
   "only_group_admin_or_managers_can_delete_your_account_4": "Sobald du ein verwalteter Benutzer geworden bist, kannst du nicht mehr zurückwechseln. <0>Erfahren Sie mehr über verwaltete Overleaf-Konten.</0>",
   "only_group_admin_or_managers_can_delete_your_account_5": "Weitere Informationen findest du im Abschnitt „Verwaltete Accounts“ in unseren Nutzungsbedingungen, denen du zustimmst, indem du auf Einladung akzeptieren klickst.",
-  "open_a_file_on_the_left": "Öffne eine Datei auf der linken Seite",
   "open_as_template": "Als Vorlage öffnen",
   "open_project": "Öffne Projekt",
   "opted_out_linking": "Du hast dich gegen die Verknüpfung deines <b>__email__</b> <b>__appName__</b>-Kontos mit deinem institutionellen Konto entschieden.",

services/web/locales/en.json

@@ -1436,7 +1436,6 @@
   "only_group_admin_or_managers_can_delete_your_account_4": "Once you have become a managed user, you cannot change back. <0>Learn more about managed Overleaf accounts.</0>",
   "only_group_admin_or_managers_can_delete_your_account_5": "For more information, see the \"Managed Accounts\" section in our terms of use, which you agree to by clicking Accept invitation",
   "only_importer_can_refresh": "Only the person who originally imported this __provider__ file can refresh it.",
-  "open_a_file_on_the_left": "Open a file on the left",
   "open_action_menu": "Open __name__ action menu",
   "open_advanced_reference_search": "Open advanced reference search",
   "open_as_template": "Open as Template",

services/web/locales/es.json

@@ -463,7 +463,6 @@
   "one_collaborator": "Solo un colaborador",
   "one_free_collab": "Un colaborador gratis",
   "online_latex_editor": "Editor de LaTeX online",
-  "open_a_file_on_the_left": "Abrir un archivo a la izquierda",
   "optional": "Opcional",
   "or": "o",
   "other_logs_and_files": "Otros logs y archivos",

services/web/locales/fr.json

@@ -854,7 +854,6 @@
   "one_collaborator": "Un·e seul·e collaborateur·rice",
   "one_free_collab": "Un collaborateur offert",
   "online_latex_editor": "Éditeur LaTeX en ligne",
-  "open_a_file_on_the_left": "Ouvrir un fichier sur la gauche",
   "open_as_template": "Ouvrir en tant que gabarit",
   "open_project": "Ouvrir le projet",
   "opted_out_linking": "Vous avez choisi de ne pas lier votre compte <b>__appName__</b> <b>__email__</b> à votre compte institutionnel.",

services/web/locales/ja.json

@@ -293,7 +293,6 @@
   "one_collaborator": "共同編集者1人のみ",
   "one_free_collab": "1人の無料共同編集者",
   "online_latex_editor": "オンラインLaTeXエディター",
-  "open_a_file_on_the_left": "左のファイルを開く",
   "open_project": "プロジェクトを開く",
   "optional": "オプショナル",
   "or": "または",

services/web/locales/ko.json

@@ -337,7 +337,6 @@
   "one_collaborator": "1명 공유 가능",
   "one_free_collab": "콜레보레이터 1명 무료",
   "online_latex_editor": "온라인 LaTex 편집기",
-  "open_a_file_on_the_left": "왼쪽에서 파일 열기",
   "open_project": "프로젝트 열기",
   "optional": "선택사항",
   "or": "또는",

services/web/locales/nl.json

@@ -350,7 +350,6 @@
   "one_collaborator": "Slechts één bijdrager",
   "one_free_collab": "Één gratis bijdrager",
   "online_latex_editor": "Online LaTeX-verwerker",
-  "open_a_file_on_the_left": "Open een bestand aan de linkerkant",
   "open_project": "Open Project",
   "optional": "Optioneel",
   "or": "of",

services/web/locales/pt.json

@@ -421,7 +421,6 @@
   "one_collaborator": "Um colaborador apenas",
   "one_free_collab": "Um colaborador grátis",
   "online_latex_editor": "Editor LaTeX Online",
-  "open_a_file_on_the_left": "Abra em arquivo à esquerda",
   "open_project": "Abrir Projeto",
   "optional": "Opcional",
   "or": "ou",

services/web/locales/sv.json

@@ -593,7 +593,6 @@
   "one_collaborator": "Endast en samarbetare",
   "one_free_collab": "En gratis samarbetsparnter",
   "online_latex_editor": "Online-LaTeX-editor",
-  "open_a_file_on_the_left": "Öppna en fil till vänster",
   "open_project": "Öppna projekt",
   "optional": "Valfritt",
   "or": "eller",

services/web/locales/zh-CN.json

@@ -1375,7 +1375,6 @@
   "only_group_admin_or_managers_can_delete_your_account_4": "一旦您成为托管用户，就无法再更改回来。 <0>了解有关托管 Overleaf 帐户的更多信息。</0>",
   "only_group_admin_or_managers_can_delete_your_account_5": "有关更多信息，请参阅我们的使用条款中的“托管帐户”部分，您可以通过单击“接受邀请”来同意该条款",
   "only_importer_can_refresh": "只有最初导入此 __provider__ 文件的人才能刷新它。",
-  "open_a_file_on_the_left": "打开左侧的一个文件",
   "open_advanced_reference_search": "打开高级引用搜索",
   "open_as_template": "作为模版打开",
   "open_file": "编辑文件",