style: 칩 컴포넌트 스타일 수정 및 칩 컨테이너 수정

src/apis/postList.ts

@@ -29,6 +29,7 @@ interface PostListSort {
   unsorted: boolean;
   sorted: boolean;
 }
+
 export interface PostList {
   content: PostListContent[];
   pageable: PostListPageable;

src/app/_components/Chip.tsx

@@ -4,7 +4,7 @@ import { ReactNode } from 'react';
 import { type VariantProps, cva } from 'class-variance-authority';
 
 const chipCSS = cva(
-  'flex w-fit items-center whitespace-nowrap rounded-[20px] border border-gray-accent2 px-4 py-2 text-sm font-semibold',
+  'text-title-1-md flex w-fit items-center whitespace-nowrap rounded-[30px] border border-gray-accent2 px-3 py-1.5',
   {
     variants: {
       variant: {

src/app/_components/ChipContainer.tsx

@@ -23,26 +23,24 @@ interface ChipContainerProps {
 
 const ChipContainer = ({ currentChannel = 'all' }: ChipContainerProps) => {
   return (
-    <div className='bg-dark-accent2 sticky top-0 overflow-x-auto'>
-      <ul className='flex flex-nowrap gap-2 px-4 py-2'>
-        {channelData.map(({ name, path }, index) => {
-          const variant = path === currentChannel ? 'selected' : 'default';
+    <ul className='flex items-center gap-2 px-4 py-2'>
+      {channelData.map(({ name, path }, index) => {
+        const variant = path === currentChannel ? 'selected' : 'default';
 
-          return (
-            <li key={`${index}-${name}`}>
-              <Link
-                href={{
-                  pathname: '/',
-                  query: path === 'all' ? {} : { channel: path },
-                }}
-              >
-                <Chip variant={variant}>{name}</Chip>
-              </Link>
-            </li>
-          );
-        })}
-      </ul>
-    </div>
+        return (
+          <li key={`${index}-${name}`}>
+            <Link
+              href={{
+                pathname: '/',
+                query: path === 'all' ? {} : { channel: path },
+              }}
+            >
+              <Chip variant={variant}>{name}</Chip>
+            </Link>
+          </li>
+        );
+      })}
+    </ul>
   );
 };
 

src/app/_components/PostItem.tsx

@@ -1,8 +1,8 @@
 import Image from 'next/image';
 
 import { PostListContent } from '@/src/apis/postList';
-import { isValidImageUrl } from '@/src/app/(main)/utils';
 import Icon from '@/src/components/Icon';
+import { isValidImageUrl } from '@/src/utils/isValidImageUrl';
 
 interface PostItemProps {
   post: PostListContent;