Improve side panel layout #867

	name: CI

	on:
	push:
	branches:
	- "main"
	pull_request:

	concurrency:
	group: ${{ github.workflow }}-${{ github.ref }}
	cancel-in-progress: true

	jobs:
	lint-and-test:
	runs-on: ubuntu-latest

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

	- name: Set up Volta
	uses: volta-cli/action@v4

	- name: Get npm cache directory
	id: npm-cache-dir
	shell: bash
	run: echo "dir=$(npm config get cache)" >> ${GITHUB_OUTPUT}

	- uses: actions/cache@v4
	id: npm-cache # use this to check for `cache-hit` ==> if: steps.npm-cache.outputs.cache-hit != 'true'
	with:
	path: ${{ steps.npm-cache-dir.outputs.dir }}
	key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-node-

	- name: Install
	run: npm install

	- name: Prettier check
	run: npm run prettier:check

	- name: Lint check
	run: npm run lint

	- name: Test
	run: npm run test

Provide feedback