feat: 프론트엔드 aws s3 배포확인

.github/workflows/deploy.yml

@@ -0,0 +1,30 @@
+name: Deploy to S3
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build project
+        run: npm run build
+
+      - name: Deploy to S3
+        env:
+          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          AWS_REGION: ${{ secrets.AWS_REGION }}
+          S3_BUCKET_NAME: ${{ secrets.S3_BUCKET_NAME }}
+        run: |
+          npm install -g aws-cli
+          aws s3 sync build/ s3://$S3_BUCKET_NAME --delete

src/components/Molcules/SideBar/CreateChannelButton.tsx

@@ -1,7 +1,11 @@
 import styled from 'styled-components';
-import { CreateChannelButtonProps } from '../../types/interface';
 import addChannelSvg from '../../../images/svg/add-square.svg';
 
+interface CreateChannelButtonProps {
+  isOpen: boolean;
+  onClick: () => void;
+}
+
 export default function CreateChannelButton({ isOpen, onClick }: CreateChannelButtonProps) {
   return (
     <Button $isOpen={isOpen} onClick={onClick}>