Implement Hover Effect to Clarify Uneditable Links #8997

	name: Build
	on:
	pull_request:
	paths:
	- pages/**
	- tests/**
	- components/**
	- config/**
	- tailwind.config.js
	- package.json
	- next.config.mjs
	- models/**

	jobs:
	build:
	runs-on: ubuntu-latest
	services:
	mongo:
	image: mongo
	ports:
	- 27017:27017
	strategy:
	matrix:
	step: [lint, build]
	steps:
	- uses: actions/checkout@v4
	- uses: actions/setup-node@v4
	with:
	node-version: "18"
	cache: "npm"
	- name: install dependencies
	run: npm ci
	- name: run ${{ matrix.step }}
	run: npm run ${{ matrix.step }}

	tests:
	needs: build
	runs-on: ubuntu-latest
	services:
	mongo:
	image: mongo
	ports:
	- 27017:27017
	strategy:
	fail-fast: false
	matrix:
	shardIndex: [1, 2, 3, 4, 5]
	shardTotal: [5]
	steps:
	- uses: actions/checkout@v4
	- uses: actions/setup-node@v4
	with:
	node-version: "18"
	cache: "npm"
	- name: install dependencies
	run: npm ci
	- name: Install Playwright's dependencies
	run: npx playwright install chromium
	- name: run tests
	run: npx playwright test --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
	- uses: test-summary/[email protected]
	with:
	paths: "results.xml"

Provide feedback