feat: add source code item

src/components/menu/item/item.module.css

@@ -7,7 +7,6 @@
   height: 40px;
   padding: 0 12px;
   font-size: var(--font-sm);
-  font-weight: 500;
   line-height: 1;
   color: var(--color-foreground-subtle);
   text-align: left;

src/components/menu/items/index.ts

@@ -2,3 +2,4 @@ export { Shuffle as ShuffleItem } from './shuffle';
 export { Share as ShareItem } from './share';
 export { Donate as DonateItem } from './donate';
 export { Notepad as NotepadItem } from './notepad';
+export { Source as SourceItem } from './source';

src/components/menu/items/source.tsx

@@ -0,0 +1,13 @@
+import { LuGithub } from 'react-icons/lu/index';
+
+import { Item } from '../item';
+
+export function Source() {
+  return (
+    <Item
+      href="https://github.com/remvze/moodist"
+      icon={<LuGithub />}
+      label="Source Code"
+    />
+  );
+}

src/components/menu/menu.tsx

@@ -14,7 +14,13 @@ import {
   FloatingFocusManager,
 } from '@floating-ui/react';
 
-import { ShuffleItem, ShareItem, DonateItem, NotepadItem } from './items';
+import {
+  ShuffleItem,
+  ShareItem,
+  DonateItem,
+  NotepadItem,
+  SourceItem,
+} from './items';
 import { Divider } from './divider';
 import { ShareLinkModal } from '@/components/modals/share-link';
 import { Notepad } from '@/components/toolbox';
@@ -83,6 +89,7 @@ export function Menu() {
                   <NotepadItem open={() => setShowNotepad(true)} />
                   <Divider />
                   <DonateItem />
+                  <SourceItem />
                 </motion.div>
               </div>
             </FloatingFocusManager>