Implement download table, backend API for downloads

frontend/src/pages/download-app/DownloadAppPage.tsx

@@ -1,28 +1,29 @@
-import { MaterialButton } from "@/utils/material";
+import { MaterialIcon } from "@/utils/material";
 import styles from "./download-app.module.scss";
 
 export default function DownloadAppPage() {
     return (
         <div className={styles.downloadAppScreen}>
-            <div>
-                <h1>Чтобы пользоваться мессенджером, скачайте приложение</h1>
+            <div className={styles.downloadAppCard}>
+                <h1>Скачайте приложение</h1>
                 <p>
-                    Этот сайт <b>не предназначен</b> для работы на маленьких экранах, поэтому
-                    вам нужно скачать приложение мессенджера.
+                    Этот сайт не предназначен для работы на маленьких экранах.
+                    Выберите вашу платформу:
                 </p>
-
-                <a href="https://github.com/fromchat-messenger/app/releases/latest" target="_blank" rel="noopener noreferrer">
-                    <MaterialButton>Скачать на GitHub</MaterialButton>
-                </a>
-
+                <div className={styles.downloadAppButtons}>
+                    <a href="/download?os=android" className={styles.downloadAppBtn}>
+                        <MaterialIcon name="android" />
+                        Android
+                    </a>
+                    <a href="/download?os=ios" className={styles.downloadAppBtn}>
+                        <MaterialIcon name="phone_iphone" />
+                        iOS
+                    </a>
+                </div>
                 <p>
-                    Если возникнут сложности или есть вопросы, нажмите кнопку!
+                    <a href="https://t.me/denis0001-dev">Написать в поддержку</a>
                 </p>
-
-                <a href="https://t.me/denis0001-dev">
-                    <MaterialButton>Написать в поддержку</MaterialButton>
-                </a>
             </div>
         </div>
-    )
+    );
 }