리팩토링 - after code review

1️⃣ aside scss import 수정

//기존에 Aside.scss에 Main.scss를 import해서 aside 와장창..! 
  @import '.Main.scss';

//1. Aside.scss -> Main.scss로 이동
//2. Main.scss -> ./Aside/Aside.scss 로 변경 
   @import './Aside/Aside.scss';

Main.scss에 Aside.scss를 가져온다

2️⃣ import 순서 수정
: React → Library(Package) → Component → 변수/이미지 → css파일(scss)

import React from 'react';
import Aside from './Aside/Aside';
import './Main.scss';  // css는 제일 하단에 위치해야함
import { useState } from 'react';

import React from 'react';
import Aside from './Aside/Aside';
import { useState } from 'react';
import './Main.scss'; // 수정완료

3️⃣ className 컨벤션 하나로 통일 (snake_case 혹은 camelCase)