Renaming all instances of MenuLink to MenuItem

src/components/ui/menu/Menu.svelte

@@ -9,11 +9,11 @@
         display: flex;
         flex-direction: column;
 
-        & > :global(.menu-link) {
+        & > :global(.menu-item) {
             padding: 5px 24px;
         }
 
-        :global(.menu-link) {
+        :global(.menu-item) {
             color: colors.$text;
 
             &:hover {

src/components/ui/menu/MenuItem.svelte

@@ -15,7 +15,7 @@
     export let target = undefined;
 </script>
 
-<svelte:element this="{href ? 'a': 'span'}" class="menu-link" {href} {target} on:click role="link" tabindex="0">
+<svelte:element this="{href ? 'a': 'span'}" class="menu-item" {href} {target} on:click role="link" tabindex="0">
     {#if icon}
         <i class="icon icon-{icon}"></i>
     {/if}
@@ -25,7 +25,7 @@
 <style lang="scss">
     @use '../../../styles/colors';
 
-    .menu-link {
+    .menu-item {
         display: flex;
         align-items: center;