[TASK-74, TASK-77] fix: 작품 목록 페이지 반응형 시, UI 깨짐 현상 해결 및 <Image /> 태그에 fill, sizes, priority 지정 #28

	name: Lint, Build

	on:
	push:
	branches: ["main", "dev"]
	pull_request:
	branches: ["main", "dev"]

	jobs:
	lint-build:
	runs-on: ubuntu-22.04

	steps:
	- name: Checkout code
	uses: actions/checkout@v4

	- name: Cache Node Modules
	uses: actions/cache@v4
	with:
	path: \|
	~/.pnpm-store
	node_modules
	key: ${{ runner.os }}-node-${{ hashFiles('**/pnpm-lock.yaml') }}
	restore-keys: \|
	${{ runner.os }}-node-

	- name: Setup Node.js
	uses: actions/setup-node@v4
	with:
	node-version: 18

	- name: Setup pnpm
	uses: pnpm/action-setup@v2
	with:
	version: 8

	- name: Install dependencies
	run: pnpm install

	- name: Run Lint
	id: Run_Lint
	run: pnpm lint

	- name: Prettier Check
	id: Prettier_Check
	run: pnpm prettier --check .

	- name: Build
	if: success()
	run: pnpm build

	- name: Notify Discord on Lint/Prettier/Build Failure
	if: failure() && (steps.Run_Lint.outcome == 'failure' \|\| steps.Prettier_Check.outcome == 'failure')
	uses: johnnyhuy/actions-discord-git-webhook@main
	with:
	webhook_url: ${{ secrets.DISCORD_WEBHOOK }}
	args: \|
	🚨 Lint, Prettier, Build Workflow 실패 🚨

	Repository: ${{ github.repository }}
	Branch: ${{ github.ref_name }}
	Commit: [${{ github.sha }}](https://github.com/${{ github.repository }}/commit/${{ github.sha }})
	Author: ${{ github.actor }}
	Job: ${{ github.job }}

	❗ 자세한 내용은 [GitHub Actions Logs](https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}) 확인
	---
	🕒 Timestamp: ${{ github.event.head_commit.timestamp }}

Provide feedback