Add advanced form example and tabs UI component #2

	name: CI/CD Pipeline

	on:
	push:
	branches: [ main, develop ]
	pull_request:
	branches: [ main ]

	jobs:
	test:
	runs-on: ubuntu-latest

	strategy:
	matrix:
	node-version: [18.x, 20.x]

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

	- name: Setup Node.js ${{ matrix.node-version }}
	uses: actions/setup-node@v4
	with:
	node-version: ${{ matrix.node-version }}
	cache: 'npm'

	- name: Install dependencies
	run: npm ci

	- name: Run type check
	run: npm run typecheck

	- name: Run ESLint
	run: npm run lint

	- name: Check formatting
	run: npm run format:check

	- name: Run build
	run: npm run build

	- name: Security audit
	run: npm audit --audit-level moderate

	security:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout code
	uses: actions/checkout@v4

	- name: Setup Node.js
	uses: actions/setup-node@v4
	with:
	node-version: '20'
	cache: 'npm'

	- name: Install dependencies
	run: npm ci

	- name: Run security audit
	run: npm audit --audit-level high

	- name: Check for vulnerabilities
	run: npx audit-ci --moderate

	deploy:
	needs: [test, security]
	runs-on: ubuntu-latest
	if: github.ref == 'refs/heads/main' && github.event_name == 'push'

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

	- name: Setup Node.js
	uses: actions/setup-node@v4
	with:
	node-version: '20'
	cache: 'npm'

	- name: Install dependencies
	run: npm ci

	- name: Build application
	run: npm run build

	- name: Deploy to Vercel
	uses: amondnet/vercel-action@v25
	with:
	vercel-token: ${{ secrets.VERCEL_TOKEN }}
	vercel-org-id: ${{ secrets.ORG_ID }}
	vercel-project-id: ${{ secrets.PROJECT_ID }}
	vercel-args: '--prod'

Provide feedback