feat: localisation for about page

public/localisation/en/about.md

@@ -0,0 +1,15 @@
+## Anopaper - anonymous notes service
+
+## AnoPaper allows you to save and share notes anonymously.
+
+### Functionality:
+
+- Notes support markdown format. For example, the entry: `### Level 3 Heading` would look like this:
+
+> ### Level 3 heading
+
+**Mathjax syntax is also supported** For example: `$\sum{i=1}^n i^2$` would look like this: $\sum_{i=1}^n i^2$
+
+- Public notes are available only by link.
+- When you click on the link, the note is saved locally and deleted from the server.
+- Non-public notes are saved locally and are not sent to the server.`

public/localisation/ru/about.md

@@ -0,0 +1,15 @@
+## Anopaper - сервис анонимных записок
+
+## AnoPaper позволяет анонимно сохранять и публиковать заметки.
+
+### Функционал:
+
+- Заметки поддерживают формат markdown. Например запись: `### Заголовок 3-го уровня` будет выглядеть так:
+
+> ### Заголовок 3-го уровня
+
+**Так же поддерживается синтаксис mathjax** Например запись: `$\sum_{i=1}^n a_i$` будет выглядеть так: $\sum_{i=1}^n a_i$
+
+- Публичные заметки доступны только по ссылке.
+- При переходе по ссылке заметка сохраняется локально и удаляется с сервера.
+- Не публичные заметки сохраняются локально и не отправляются на сервер.`

src/App.jsx

@@ -66,22 +66,7 @@ function App() {
             path="/about"
             element={
               <div className="col-span-4 md">
-                <RenderMarkdown>
-                  {`## Anopaper - сервис анонимных записок
-                  \rAnoPaper позволяет анонимно сохранять и публиковать заметки.  
-                  \r-----
-                  \r### Функционал:  
-                  
-                  \r* Заметки поддерживают формат markdown. Например запись:  \`### Заголовок 3-го уровня\` будет выглядеть так:  
-                  \r> ### Заголовок 3-го уровня
-
-                  \r*Так же поддерживается синтаксис mathjax* Например запись: \`$\\sum_{i=1}^n i^2$\` будет выглядеть так: $\\sum_{i=1}^n i^2$
-             
-               
-                  \r* Публичные заметки доступны только по ссылке.
-                  \r* При переходе по ссылке заметка сохраняется локально и удаляется с сервера.
-                  \r* Не публичные заметки сохраняются локально и не отправляются на сервер.`}
-                </RenderMarkdown>
+                <RenderMarkdown>{locals.about_md}</RenderMarkdown>
               </div>
             }
           />

src/localisation/en.js

@@ -1,4 +1,5 @@
 let en = {
+  about_md: (await (await fetch("localisation/en/about.md")).text()) || "",
   Notes: "Notes",
   Write: "Write",
   Chat: "Chat",

src/localisation/ru.js

@@ -1,4 +1,5 @@
 let ru = {
+  about_md: (await (await fetch("localisation/ru/about.md")).text()) || "",
   Notes: "Заметки",
   Write: "Написать",
   Chat: "Чат",