Star rate in reviews, login menu & other fixes

Added star rate to reviews, coding login menu, coding review form & other fixes

reactapp/src/components/LoginMenu.tsx

@@ -1,8 +1,42 @@
 import React from "react";
+import { motion } from "framer-motion";
 
-export default function LoginMenu() {
+interface LoginMenuProps {
+    toggleLoginMenu: () => void;
+}
+
+export default function LoginMenu({ toggleLoginMenu }: LoginMenuProps): JSX.Element {
     return(
         <>
+            <div className="background-blackout" onClick={toggleLoginMenu}></div>
+            <form className="popup-login">
+                <div className="popup-login__top-container">
+                    <div className="top-container__headings-text">
+                        <h5 className="popup-menu__heading">
+                            SusMarket <span>ID</span>
+                        </h5>
+                        <p className="top-container__text">
+                            Войдите с SusMarket ID
+                        </p>
+                    </div>
+                </div>
+                <div className="popup-login__inputs-container">
+                    <input type="text" name="userName" id="userName" className="popup-login__name-input" placeholder="Логин"/>
+                    <input type="password" name="userPassword" id="userPassword"  className="popup-login__password-input" placeholder="Пароль"/>
+                </div>
+                <div className="popup-login__bottom-container">
+                    <p className="popup-menu__prompt-url">
+                        У вас нет аккаунта? <u>Зарегестрироваться</u>
+                    </p>
+                    <motion.button 
+                        className="popup-login__login-button"
+                        whileTap={{scale: 0.98}}
+                        transition={{duration: 0.2, type: "spring"}}
+                    >
+                        Войти
+                    </motion.button>
+                </div>
+            </form>
         </>
     )
 }