fix: fix a bug with social media kit

src/components/NavBar/Navbar.SocialMediaKit.tsx

@@ -9,6 +9,7 @@ import { LPEFooterGroup } from '@/types/ui.types'
 const socialLinks = FooterLinksItems.about.find(
   (item) => item.key === 'social',
 ) as LPEFooterGroup
+
 export const SocialMediaKit = () => {
   return (
     <Container>
@@ -29,6 +30,7 @@ export const SocialMediaKit = () => {
               Icon = null
           }
           return (
+            Icon && (
               <LinkContainer>
                 <Link
                   href={link.href}
@@ -36,10 +38,11 @@ export const SocialMediaKit = () => {
                   title={`Join us on ${link.label}`}
                   target={'_blank'}
                 >
-                {Icon && <Icon />}
+                  <Icon />
                 </Link>
               </LinkContainer>
             )
+          )
         })}
     </Container>
   )
@@ -56,8 +59,10 @@ const Container = styled.div`
 `
 
 const LinkContainer = styled.div`
+  @media (max-width: ${({ theme }) => theme.breakpoints.sm.width}px) {
     width: fit-content;
     display: flex;
+
     &:not(:last-child) {
       &:after {
         content: '';
@@ -65,4 +70,5 @@ const LinkContainer = styled.div`
         border-right: 1px solid rgb(var(--lsd-border-primary));
       }
     }
+  }
 `

src/configs/data.configs.ts

@@ -1,7 +1,4 @@
 import { LPEFooterGroup } from '@/types/ui.types'
-import { DiscordIcon } from '@/components/Icons/DiscordIcon'
-import { YoutubeIcon } from '@/components/Icons/YTIcon'
-import { XIcon } from '@/components/Icons/XIcon'
 
 export const ArticleBlocksOrders = {
   title: 0,
@@ -61,12 +58,12 @@ export const FooterLinksItems: {
       title: null,
       key: 'social',
       links: [
-        { label: 'X', href: 'https://twitter.com/Logos_state', key: 'x' },
         {
           label: 'Discord',
           href: 'https://discord.gg/logos-state',
           key: 'discord',
         },
+        { label: 'X', href: 'https://twitter.com/Logos_state', key: 'x' },
         {
           label: 'Github',
           href: 'https://github.com/acid-info',