Big refactoring #4

src/components/Modals/ModalDialog/ModalDialog.tsx

@@ -51,9 +51,9 @@ export const ModalDialog =
         return (
             <div className={classNames('modal-dialog-container', { show })}>
                 <div className="modal-dialog-back" onClick={onBackdropClick}/>
-                <div className="modal-dialog">
+                <dialog className="modal-dialog">
                     {content}
-                </div>
+                </dialog>
             </div>
         );
     };

src/components/Router/Router.tsx

@@ -79,11 +79,11 @@ export const Router =
         }, [interfaceLang]);
 
         return (
-            <div
+            <main
                 className={`animation-container ${addClass} ${prevPage}Route`}
                 onTransitionEnd={onTransitionEnd}
             >
                 {renderPageContent(prevPage)}
-            </div>
+            </main>
         );
     };

src/index.html.ejs

@@ -21,9 +21,6 @@
   <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
   <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
   <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Interslavic Dictionary">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
   <title>Interslavic Dictionary</title>
   <meta name="Description"
         content="It is a dictionary of the Interslavic language with translations into most of the Slavic languages, as well as into English, German and others. The project is being developed by a community of fans of this zonal constructed language.">

src/index.scss

@@ -1,4 +1,5 @@
 @use './colors';
+@import 'https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap';
 
 body {
   --border-radius-s: 5px;