fix: can't direct access /contact/* content

public/_redirects

@@ -0,0 +1 @@
+/*    /index.html   200

src/common/components/dropdown.jsx

@@ -1,6 +1,7 @@
 import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react";
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
+
 export const Dropdown = ({ label, listMenu }) => {
   const navigate = useNavigate();
   const [dropdown, setDropdown] = useState(false);
@@ -37,13 +38,13 @@ export const Dropdown = ({ label, listMenu }) => {
         </PopoverButton>
         <PopoverPanel className="flex flex-col z-50 bg-dark-blue rounded-b-lg gap-3 lg:fixed py-3 px-5">
           {listMenu.map((data, index) => (
-            <a
+            <span
               key={index}
-              href={data.link}
-              className="text-white hover:text-gray-400"
+              onClick={() => navigate(data.link)}
+              className="text-white hover:text-gray-400 cursor-pointer"
             >
               {data.name}
-            </a>
+            </span>
           ))}
         </PopoverPanel>
       </Popover>

src/views/home/components/jumbotron.jsx

@@ -24,7 +24,7 @@ export const Jumbotron = () => {
 
           <div className="lg:w-1/4 w-40 mx-auto lg:mx-0">
             <a
-              className="btn w-full rounded-full text-white p-3"
+              className="btn w-full rounded-full text-white p-3 cursor-pointer"
               style={{ backgroundColor: "#1f4287" }}
               href="https://docs.google.com/forms/d/e/1FAIpQLSfgIcdM-wJ9MLHXz6x4cyQyxvnhcUSrk6v3p4awjuxj4a86pw/viewform"
               target="_blank"