fix: migrate to tailwind (#8064)

Author: ItsAbir005

src/components/PageNotFound/PageNotFound.jsx

@@ -1,9 +1,6 @@
 import { Helmet } from "react-helmet-async";
 import { Link } from "react-router-dom";
 
-// Styles
-import "./PageNotFound.scss";
-
 export default function PageNotFound() {
   return (
     <div className="page markdown">
@@ -13,7 +10,10 @@ export default function PageNotFound() {
       </Helmet>
       <h1>Page Not Found</h1>
       <p>Oops! The page you are looking for has been removed or relocated.</p>
-      <Link className="button" to="/">
+      <Link
+        className="no-underline inline-block py-[3px] px-[5px] text-[1.1rem] rounded-[5px] w-auto border border-[#175d96] text-[#175d96] hover:bg-[#175d96] hover:text-white"
+        to="/"
+      >
         Go to Homepage
       </Link>
     </div>

src/components/PageNotFound/PageNotFound.scss

@@ -11,7 +11,7 @@ exports[`PageNotFound renders correctly 1`] = `
     Oops! The page you are looking for has been removed or relocated.
   </p>
   <a
-    class="button"
+    class="no-underline inline-block py-[3px] px-[5px] text-[1.1rem] rounded-[5px] w-auto border border-[#175d96] text-[#175d96] hover:bg-[#175d96] hover:text-white"
     data-discover="true"
     href="/"
   >