Update button styles and add type prop

frontend/src/Components/Button.tsx

@@ -1,14 +1,17 @@
 function Button({
   text,
   onClick,
+  type,
 }: {
   text: string;
   onClick: () => void;
+  type: "submit" | "button" | "reset";
 }): JSX.Element {
   return (
     <button
       onClick={onClick}
       className="inline-block py-1 px-8 font-bold bg-orange-500 text-white border-2 border-black rounded-full cursor-pointer mt-5 mb-5 transition-colors duration-10 hover:bg-orange-600 hover:text-gray-300 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 4vh;"
+      type={type}
     >
       {text}
     </button>

frontend/src/Components/Register.tsx

@@ -66,7 +66,7 @@ export default function Register(): JSX.Element {
           </div>
           <div className="flex items-center justify-between">
             <button
-              className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+              className="inline-block py-1 px-8 font-bold bg-orange-500 text-white border-2 border-black rounded-full cursor-pointer mt-5 mb-5 transition-colors duration-10 hover:bg-orange-600 hover:text-gray-300 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 4vh;"
               type="submit"
             >
               Register

frontend/src/Pages/LoginPage.tsx

@@ -67,6 +67,7 @@ function LoginPage(): JSX.Element {
               onClick={(): void => {
                 return;
               }}
+              type="button"
             />
           </Link>
           <Link to="/register">
@@ -75,6 +76,7 @@ function LoginPage(): JSX.Element {
               onClick={(): void => {
                 return;
               }}
+              type="button"
             />
           </Link>
         </div>