From a861108e6ede292cc8a43d43a97891528a506c69 Mon Sep 17 00:00:00 2001
From: sonic16x <cherebedov.sergey@gmail.com>
Date: Sat, 30 Nov 2024 04:22:14 +0700
Subject: [PATCH] Big refactoring #4

---
 src/components/Modals/ModalDialog/ModalDialog.tsx | 4 ++--
 src/components/Router/Router.tsx                  | 4 ++--
 src/index.html.ejs                                | 3 ---
 src/index.scss                                    | 1 +
 4 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/Modals/ModalDialog/ModalDialog.tsx b/src/components/Modals/ModalDialog/ModalDialog.tsx
index eecef5a0..004c962d 100644
--- a/src/components/Modals/ModalDialog/ModalDialog.tsx
+++ b/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>
         );
     };
diff --git a/src/components/Router/Router.tsx b/src/components/Router/Router.tsx
index 2e111fde..dc1014fe 100644
--- a/src/components/Router/Router.tsx
+++ b/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>
         );
     };
diff --git a/src/index.html.ejs b/src/index.html.ejs
index babd3e02..f90109fa 100644
--- a/src/index.html.ejs
+++ b/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.">
diff --git a/src/index.scss b/src/index.scss
index 4432758a..058243ff 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,4 +1,5 @@
 @use './colors';
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
 
 body {
   --border-radius-s: 5px;