``refactor Rename LoadingScreen component to LoadingSpinner and refactor structure for better reusability``

002_source/ionic_mobile/src/components/LoadingScreen/index.tsx

@@ -1,12 +1,11 @@
 import { IonContent, IonPage, IonSpinner } from '@ionic/react';
+import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-export function LoadingScreen() {
-  const { t, i18n } = useTranslation();
+export function LoadingSpinner(): React.JSX.Element {
+  const { t } = useTranslation();
 
   return (
-    <IonPage>
-      <IonContent fullscreen>
     <div
       style={{
         display: 'flex',
@@ -20,6 +19,14 @@ export function LoadingScreen() {
       <IonSpinner></IonSpinner>
       <div>{t('Loading')}</div>
     </div>
+  );
+}
+
+export function LoadingScreen(): React.JSX.Element {
+  return (
+    <IonPage>
+      <IonContent fullscreen>
+        <LoadingSpinner />
       </IonContent>
     </IonPage>
   );