Migrate NotFound component to tailwind

src/common/MainHeader.tsx

@@ -30,7 +30,7 @@ const MainHeader: FCWithDeps<unknown, MainHeaderDeps> = () => {
   return (
     <Navbar color="primary" dark fixed="top" className="main-header" expand="md">
       <NavbarBrand tag={Link} to="/">
-        <ShlinkLogo className="main-header__brand-logo" color="white" /> Shlink
+        <ShlinkLogo className="main-header__brand-logo tw:inline" color="white" /> Shlink
       </NavbarBrand>
 
       <NavbarToggler onClick={toggleCollapse}>

src/common/NotFound.tsx

@@ -1,19 +1,18 @@
-import { SimpleCard } from '@shlinkio/shlink-frontend-kit';
+import { Button, SimpleCard } from '@shlinkio/shlink-frontend-kit/tailwind';
 import type { FC, PropsWithChildren } from 'react';
-import { Link } from 'react-router';
 
 type NotFoundProps = PropsWithChildren<{ to?: string }>;
 
 export const NotFound: FC<NotFoundProps> = ({ to = '/', children = 'Home' }) => (
-  <div className="home">
-    <SimpleCard className="p-4">
+  <div className="tw:pt-4">
+    <SimpleCard className="tw:p-4 tw:w-full tw:lg:w-[50%] tw:m-auto">
       <h2>Oops! We could not find requested route.</h2>
       <p>
         Use your browser&apos;s back button to navigate to the page you have previously come from, or just press this
         button.
       </p>
       <br />
-      <Link to={to} className="btn btn-outline-primary btn-lg">{children}</Link>
+      <Button inline to={to} size="lg">{children}</Button>
     </SimpleCard>
   </div>
 );