refactor(web): styles and styleguide

web/src/components/LinkedLogo.jsx

@@ -0,0 +1,16 @@
+import { h } from 'preact';
+import Heading from './Heading';
+import Logo from './Logo';
+
+export default function LinkedLogo() {
+  return (
+    <Heading size="lg">
+      <a className="transition-colors flex items-center space-x-4 dark:text-white hover:text-blue-500" href="/">
+        <div class="w-10">
+          <Logo />
+        </div>
+        Frigate
+      </a>
+    </Heading>
+  );
+}