fix: Header -읽지 않은 알림이 0개일 때 unReadCount가 표시되지 않도록 수정

Author: Chiman2937

src/components/layout/header/index.tsx

@@ -23,15 +23,19 @@ export const Header = () => {
                 receivedNewNotification && 'animate-ring text-mint-500',
               )}
             />
-            <span
-              className={cn(
-                'bg-mint-300 absolute top-1 right-1.75 aspect-square size-3.5 rounded-full',
-                receivedNewNotification && 'animate-ping',
-              )}
-            />
-            <span className='bg-mint-500 text-mono-white text-text-2xs-semibold flex-center absolute top-1 right-1.75 aspect-square size-3.5 rounded-full'>
-              {unReadCount}
-            </span>
+            {unReadCount > 0 && (
+              <>
+                <span
+                  className={cn(
+                    'bg-mint-300 absolute top-1 right-1.75 aspect-square size-3.5 rounded-full',
+                    receivedNewNotification && 'animate-ping',
+                  )}
+                />
+                <span className='bg-mint-500 text-mono-white text-text-2xs-semibold flex-center absolute top-1 right-1.75 aspect-square size-3.5 rounded-full'>
+                  {unReadCount}
+                </span>
+              </>
+            )}
           </Link>
         </div>
       </nav>