Add close button on modals

Author: bz-hashtag-0780

components/ui/AcceptOfferModal/AcceptOfferModal.tsx

@@ -164,6 +164,12 @@ const AcceptOfferModal: FC<Props> = ({ open, setOpen, beast, offer }) => {
                       ${parseFloat(offer?.offerAmount) * 0.9} FUSD
                     </span>
                   </Title>
+                  <div
+                    className="text-right absolute top-0 left-0 right-3 sm:hidden"
+                    onClick={() => setOpen(false)}
+                  >
+                    <div style={{ fontSize: "2em", color: "white" }}>x</div>
+                  </div>
                   <div>
                     <Button
                       onClick={() => {

components/ui/ListBeastForSaleModal/ListBeastForSaleModal.tsx

@@ -193,7 +193,12 @@ const ListBeastForSaleModal: FC<Props> = ({ open, setOpen, beast }) => {
                       FUSD
                     </span>
                   </Title>
-
+                  <div
+                    className="text-right absolute top-0 left-0 right-3 sm:hidden"
+                    onClick={() => setOpen(false)}
+                  >
+                    <div style={{ fontSize: "2em", color: "white" }}>x</div>
+                  </div>
                   <div>
                     <FuncArgInput
                       id="myTextBox"

components/ui/PlaceABidModal/PlaceABidModal.tsx

@@ -159,7 +159,12 @@ const PlaceABidModal: FC<Props> = ({ open, setOpen, beast }) => {
                     <Title>{beast?.nickname}</Title>
                   )}
                   <Title>FUSD Balance: {parseFloat(balance)}</Title>
-
+                  <div
+                    className="text-right absolute top-0 left-0 right-3 sm:hidden"
+                    onClick={() => setOpen(false)}
+                  >
+                    <div style={{ fontSize: "2em", color: "white" }}>x</div>
+                  </div>
                   <div style={{ marginTop: "20px;" }}>
                     <FuncArgInput
                       id="myTextBox"