tweak breakpoints, add icon attribution

src/app/components/PrimaryNav.svelte

@@ -21,7 +21,7 @@
   const showSettingsMenu = () => pushModal(MenuSettings)
 </script>
 
-<div class="relative hidden w-14 flex-shrink-0 bg-base-100 pt-4 sm:block">
+<div class="relative hidden w-14 flex-shrink-0 bg-base-100 pt-4 md:block">
   <div class="flex h-full flex-col justify-between">
     <div>
       <PrimaryNavItem href="/home/people" class="tooltip-right">
@@ -52,7 +52,7 @@
 
 <slot />
 
-<div class="fixed bottom-0 left-0 right-0 z-nav h-14 bg-base-100 sm:hidden">
+<div class="fixed bottom-0 left-0 right-0 z-nav h-14 bg-base-100 md:hidden">
   <div class="m-auto flex max-w-sm justify-between px-2">
     <PrimaryNavItem title="Home" on:click={showHomeMenu}>
       <Avatar icon="home-smile" class="!h-10 !w-10" />

src/lib/components/SecondaryNav.svelte

@@ -1,3 +1,3 @@
-<div class="hidden max-h-screen w-60 flex-shrink-0 flex-col gap-1 bg-base-300 sm:flex">
+<div class="hidden max-h-screen w-60 flex-shrink-0 flex-col gap-1 bg-base-300 md:flex">
   <slot />
 </div>

src/routes/settings/about/+page.svelte

@@ -24,7 +24,7 @@
         </div>
         <div class="card2 bg-alt flex flex-col gap-2 text-center shadow-2xl">
           <h3 class="text-2xl sm:h-12">Get in touch</h3>
-          <p class="sm:h-16">Having problems? Let us know by.</p>
+          <p class="sm:h-16">Having problems? Let us know.</p>
           <Link
             class="btn btn-primary"
             href="/home/97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322">
@@ -33,12 +33,17 @@
         </div>
       </div>
       <div class="flex flex-col gap-4">
-        <p class="text-center">
+        <div class="col-2 items-center text-center">
-          Built with 💜 by
+          <p class="text-sm">
-          <span class="text-primary">
+            Built with 💜 by
-            @<Button on:click={openProfile} class="link">hodlbod</Button>
+            <span class="text-primary">
-          </span>
+              @<Button on:click={openProfile} class="link">hodlbod</Button>
-        </p>
+            </span>
+          </p>
+          <p class="text-xs">
+            Icons by <Link external class="link" href="https://www.figma.com/community/file/1166831539721848736">480 Design</Link>
+          </p>
+        </div>
         <div class="flex justify-center gap-4">
           <div class="tooltip" data-tip="Source Code">
             <Link external href="https://github.com/coracle-social/flotilla">