feat(shared): Moved breadcrumbs to shared component

packages/freesewing.shared/components/breadcrumbs.js

@@ -0,0 +1,34 @@
+import React from 'react'
+import Link from 'next/link'
+import Logo from 'shared/components/logos/freesewing.js'
+
+const Breadcrumbs = ({ crumbs=[], title }) => (
+  <ul className="flex flex-row flex-wrap gap-2 font-bold">
+    <li>
+      <Link href="/">
+        <a title="FreeSewing" className="text-base-content">
+          <Logo size={24} fill="currentColor" stroke={false}/>
+        </a>
+      </Link>
+    </li>
+    {crumbs.map(crumb => (
+      <React.Fragment key={crumb[1]}>
+        <li className="text-base-content px-2">&raquo;</li>
+        <li>
+          {crumb[2]
+            ?  (
+              <Link href={crumb[1]}>
+                <a title={crumb[0]} className="text-secondary hover:text-secondary-focus">
+                  {crumb[0]}
+                </a>
+              </Link>
+            )
+            : <span className="text-base-content">{crumb[0]}</span>
+          }
+        </li>
+      </React.Fragment>
+    ))}
+  </ul>
+)
+
+export default Breadcrumbs