Updated diagrams to have start and end states #406

	# Got inspiration to the following https://github.com/actions/starter-workflows/blob/main/ci/dotnet.yml
	# This workflow will build a .NET project
	# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-net

	name: Build and Test

	on:
	pull_request:
	branches: [ main ]

	jobs:
	Build:

	runs-on: ubuntu-latest

	steps:
	- uses: actions/checkout@v4

	- name: Setup .NET
	uses: actions/setup-dotnet@v4
	with:
	dotnet-version: 8.x

	- name: Restore dependencies
	run: dotnet restore Chirp/

	- name: Build
	run: dotnet build --no-restore Chirp/

	Test:
	runs-on: ubuntu-latest
	needs: Build
	steps:
	- uses: actions/checkout@v4
	- name: Setup .NET
	uses: actions/setup-dotnet@v4
	with:
	dotnet-version: 8.x

	- name: Restore dependencies
	run: dotnet restore Chirp/

	- name: Build
	run: dotnet build --no-restore Chirp/

	- name: Install playwright
	working-directory: Chirp/test/PlaywrightTests/bin/Debug/net8.0/
	run: pwsh playwright.ps1 install --with-deps

	- name: Test
	working-directory: Chirp/
	env:
	authentication_github_clientId: ${{ secrets.GITHUBCLIENTID }}
	authentication_github_clientSecret: ${{ secrets.GITHUBCLIENTSECRET }}
	run: dotnet test --verbosity normal

Provide feedback