added framer motion animation #133

	name: Frontend Visual Regression

	on:
	pull_request:
	paths:
	- "frontend/**"
	- ".github/workflows/frontend-visual-regression.yml"
	workflow_dispatch:

	jobs:
	visual-regression:
	runs-on: ubuntu-latest
	timeout-minutes: 20
	defaults:
	run:
	working-directory: frontend

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

	- name: Setup Node
	uses: actions/setup-node@v4
	with:
	node-version: 20

	- name: Setup pnpm
	uses: pnpm/action-setup@v3
	with:
	version: 10

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

	- name: Install dependencies
	run: pnpm install --frozen-lockfile

	- name: Install Playwright browser
	run: npx playwright install --with-deps chromium

	- name: Run visual regression tests
	run: pnpm run test:visual:update

	- name: Commit updated baseline snapshots
	run: \|
	git config user.email "github-actions[bot]@users.noreply.github.com"
	git config user.name "github-actions[bot]"
	git add tests/e2e/vrt.spec.ts-snapshots/
	git diff --staged --quiet && echo "Snapshots unchanged." \|\| \
	git commit -m "chore: update VRT baseline snapshots [skip ci]"

	- name: Push snapshot updates
	run: git push origin HEAD:${{ github.head_ref }}
	continue-on-error: true

	- name: Upload Playwright artifacts
	if: failure()
	uses: actions/upload-artifact@v4
	with:
	name: frontend-visual-regression-artifacts
	path: \|
	frontend/test-results
	frontend/playwright-report
	if-no-files-found: ignore

Provide feedback