feat: implement word (jargon) metatab - First Iteration (#45)

This Pull Request implements the word (jargon) metatab; this is a tab
that seats under the word title on the `word.astro` layout; It's a tab
planned to hold the available interactive features/functions that can be
performed on a word (jargon). This PR implements the first of this
functions... see below...

- The `Edit Word` Function - this is a button with a link to a jargons
editor `edit` word session for the specific word.

### Changes Made

- Implemented a boilerplate metatab div on the word layout with the
following sections to start with
- the WIP Feature section - a commented out placeholder divs to
fantasize about the next features to implement on the metatab
- the Edit word button - a link to the edit session for a word on the
jargons editor, with `Suggest Improvements` as link text
- Computed and Integrated the edit url for the `edit button` section of
the metatab

### Screenshot

![image](https://github.com/babblebey/jargons.dev/assets/25631971/b2241354-252d-4cdb-8ba0-0ef05e5806da)

📖

Author: babblebey

src/layouts/word.astro

@@ -5,6 +5,7 @@ import Search from "../components/islands/search.jsx";
 import { $dictionary } from "../lib/stores/dictionary.js";
 
 const { frontmatter } = Astro.props;
+const editUrl = `/editor/edit/${frontmatter.url.split("/")[2]}`;
 ---
 
 <BaseLayout pageTitle={ frontmatter.title }>
@@ -17,7 +18,27 @@ const { frontmatter } = Astro.props;
       <h1 class="text-3xl md:text-7xl font-black">
         { frontmatter.title }
       </h1>
-      <!-- Other metadata here -->
+      <!-- Metatab -->
+      <div class="flex mt-6 justify-between">
+        <!-- WIP Meta Features -->
+        <!-- <div class="grow flex items-center space-x-2">
+          <div class="w-10 h-10 bg-neutral-100 rounded-full" />
+          <div class="w-2/5 h-3 bg-neutral-100 rounded-lg" />
+        </div> -->
+        
+        <!-- Edit Button -->
+        <a href={editUrl}
+          class="flex items-center space-x-0.5 text-xs"
+        >
+          <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
+            <path fill-rule="evenodd" d="M11.32 6.176H5c-1.105 0-2 .949-2 2.118v10.588C3 20.052 3.895 21 5 21h11c1.105 0 2-.948 2-2.118v-7.75l-3.914 4.144A2.46 2.46 0 0 1 12.81 16l-2.681.568c-1.75.37-3.292-1.263-2.942-3.115l.536-2.839c.097-.512.335-.983.684-1.352l2.914-3.086Z" clip-rule="evenodd"/>
+            <path fill-rule="evenodd" d="M19.846 4.318a2.148 2.148 0 0 0-.437-.692 2.014 2.014 0 0 0-.654-.463 1.92 1.92 0 0 0-1.544 0 2.014 2.014 0 0 0-.654.463l-.546.578 2.852 3.02.546-.579a2.14 2.14 0 0 0 .437-.692 2.244 2.244 0 0 0 0-1.635ZM17.45 8.721 14.597 5.7 9.82 10.76a.54.54 0 0 0-.137.27l-.536 2.84c-.07.37.239.696.588.622l2.682-.567a.492.492 0 0 0 .255-.145l4.778-5.06Z" clip-rule="evenodd"/>
+          </svg>
+          <span>
+            Suggest Improvement
+          </span>          
+        </a>
+      </div>
     </div>
 
     <!-- Meaning -->