Add social media links to footer

The mastodon one includes `rel="me"` to enable verification.

app/views/layouts/application.html.erb

@@ -27,9 +27,16 @@
       <%= yield %>
 
       <footer class="flex flex-row justify-between mt-2 mb-4 text-slate-400 text-sm px-2 sm:px-0">
-        <div>
-          <p><%= link_to "About", about_url, class: "underline" %></p>
-          <p><%= link_to "Terms of use", terms_url, class: "underline" %></p>
+        <div class="flex flex-row gap-6">
+          <div>
+            <p><%= link_to "About", about_url, class: "underline" %></p>
+            <p><%= link_to "Terms of use", terms_url, class: "underline" %></p>
+          </div>
+          <div>
+            <a href="https://www.instagram.com/jamdotcoop/" class="underline">Instagram</a>
+            <a rel="me" href="https://mastodon.social/@jamcoop" class="underline">Mastodon</a>
+            <a href="https://bsky.app/profile/jamcoop.bsky.social" class="underline">Bluesky</a>
+          </div>
         </div>
         <div>
           <p>A <a class="underline" href="https://gofreerange.com">Go Free Range</a> project</p>