Development (#494)

* update the authorization technique to check if user role matches ite priority

* include roles as a sign up property, add the history menu to the landing page

* fix build errors

* Add landing page background image

---------

Co-authored-by: Olasunkanmi Oyinlola <olasunkanmioyinlola@Olasunkanmis-Mac-mini.local>

frontend/src/pages/Landing.tsx

@@ -1,12 +1,7 @@
-import { CSSProperties, useState } from "react";
+import { CSSProperties } from "react";
 import { Button, Stack } from "react-bootstrap";
-import { CallToAction } from "../components/Utilities/modal";
-import { AuthModal } from "../components/Utilities/AuthModal";
 
 export const Landing = () => {
-  const [showModal, setShowModal] = useState<boolean>(false);
-  const handleCloseModal = () => setShowModal(false);
-  const handleShowModal = () => setShowModal(true);
   const pageStyle: CSSProperties = {
     margin: 0,
     padding: 0,
@@ -19,7 +14,7 @@ export const Landing = () => {
     left: 0,
     width: "100%",
     height: "100%",
-    backgroundImage: `url(/food-background.jpg)`,
+    backgroundImage: `url(public/food-background.jpg)`,
     backgroundSize: "cover",
     backgroundPosition: "center",
     opacity: 0.5,
@@ -35,7 +30,6 @@ export const Landing = () => {
       <div style={backgroundOverlayStyle}></div>
       <Stack direction="vertical" gap={3} className="p-3 fixed-bottom">
         <Button
-          onClick={handleShowModal}
           className="w-10"
           size="lg"
           style={{ ...buttonStyle, backgroundColor: "#407c54", borderColor: "#407c54" }}
@@ -46,12 +40,6 @@ export const Landing = () => {
           Order HISTORY
         </Button>
       </Stack>
-
-      <div>
-        <CallToAction handleAction={handleCloseModal} handleClose={handleCloseModal} show={showModal}>
-          <AuthModal />
-        </CallToAction>
-      </div>
     </div>
   );
 };