refactor: 모바일 환경에서 스켈레톤 레이아웃 깨지는 현상 개선 #586

	name: 🍔 Celuveat Frontend CI 🍔

	on:
	push:
	branches:
	- develop-frontend*
	- main
	paths:
	- 'frontend/**'

	pull_request:
	branches:
	- develop-frontend*
	- main
	paths:
	- 'frontend/**'

	jobs:
	frontend-test:
	runs-on: ubuntu-latest
	env:
	working-directory: ./frontend

	name: 🍔테스트 딱 대라 💢👊

	steps:
	- uses: actions/checkout@v3
	- uses: actions/setup-node@v3
	with:
	node-version: '18.16.1'

	- name: 🍔 Get npm cache directory
	id: npm-cache-dir
	run: echo "dir=$(npm config get cache)" >> ${GITHUB_OUTPUT}
	- uses: actions/cache@v3
	id: npm-cache
	with:
	path: ${{ steps.npm-cache-dir.outputs.dir }}
	key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-node-
	- uses: actions/cache@v3

	- name: 🍔 Get yarn cache directory path
	id: yarn-cache-dir-path
	run: echo "dir=$(yarn cache dir)" >> ${GITHUB_OUTPUT}
	- uses: actions/cache@v3
	id: yarn-cache
	with:
	path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
	key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
	restore-keys: \|
	${{ runner.os }}-yarn-

	- name: 🍔 yarn install
	run: rm -rf ./node_modules yarn.lock && yarn cache clean && yarn install
	working-directory: ${{ env.working-directory }}

	- name: 🍔 eslint 테스트
	run: yarn lint
	working-directory: ${{ env.working-directory }}

	- name: 🍔 React 프로젝트 빌드
	run: yarn build:prod
	working-directory: ${{ env.working-directory }}

Provide feedback