refactor: extract contact links to shared config

src/widgets/Navigation/ui/SidebarNav.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { cn } from '$shared/lib';
+import { CONTACT_LINKS, cn } from '$shared/lib';
 import type { NavItem } from '../model/types';
 
 interface Props {
@@ -85,16 +85,16 @@ export function SidebarNav({ items }: Props) {
         <div className="mt-12 pt-12 brutal-border-top">
           <p className="text-sm uppercase tracking-wider mb-4 opacity-60">Quick Links</p>
           <div className="space-y-3">
-            <a href="mailto:hello@allmy.work" className="block">
+            <a href={`mailto:${CONTACT_LINKS.email}`} className="block">
               Email
             </a>
-            <a href="https://linkedin.com" className="block">
+            <a href={CONTACT_LINKS.linkedin} className="block">
               LinkedIn
             </a>
-            <a href="https://instagram.com" className="block">
+            <a href={CONTACT_LINKS.instagram} className="block">
               Instagram
             </a>
-            <a href="https://are.na" className="block">
+            <a href={CONTACT_LINKS.arena} className="block">
               Are.na
             </a>
           </div>