Convert application from Angular to React/Next.js with MUI

[Copilot]

Migrates the dive planning application from Angular to React 19 / Next.js 16 with Material UI, as requested. The core Buhlmann ZHL-16C decompression algorithm and all business logic are preserved.

Framework & Architecture

• Angular → Next.js 16 with App Router and static export for Azure Static Web Apps
• Angular Material → MUI (Material UI) v7
• Angular services → React Context (DivePlannerContext) with custom hooks
• Angular Plotly → react-plotly.js

State Management

// Custom hooks for dive operations
const { startDive } = useStartDive();
const { addSegment } = useAddChangeDepthSegment();

// Context provides dive planner instance and update triggers
const { divePlanner, updateTrigger } = useDivePlanner();

Components Converted

• Home, NewDive, DiveOverview, ChangeDepth, ChangeGas, MaintainDepth pages
• All chart components (Depth, PO2, END, Tissues Ceiling/PN2/PHe)
• StandardGasList, CustomGasInput, DiveSettings, DivePlan, CurrentStats

Preserved

• All dive planning algorithms (BreathingGas, BuhlmannZHL16C, DiveProfile, Tissue)
• Playwright e2e test structure (updated selectors for MUI)
• Visual design and UX

Screenshots

Home Page

New Dive Page

Dive Overview

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Convert application to use React instead of Angular</issue_title>
<issue_description>Convert the application to use the latest version of React and NextJS instead of Angular.

It should continue to use the Material design system, but use the React components from MUI.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Convert application to use React instead of Angular #461

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[github-actions]

Unit Test Results

0 tests   - 6   0 ✅  - 6   0s ⏱️ ±0s
0 suites  - 1   0 💤 ±0 
0 files    - 1   0 ❌ ±0 

Results for commit b801fcc. ± Comparison against base commit 8b24ed6.

♻️ This comment has been updated with latest results.

[github-actions]

Unit Tests Code Coverage

Package	Line Rate	Branch Rate	Health
src	100%	100%	✔
src.app	100%	100%	✔
src.app.application-insights-service	12%	100%	❌
src.app.ceiling-chart	0%	0%	❌
src.app.change-depth	0%	0%	❌
src.app.change-gas	0%	0%	❌
src.app.current-stats	0%	0%	❌
src.app.custom-gas-input	0%	0%	❌
src.app.depth-chart	0%	0%	❌
src.app.dive-overview	0%	0%	❌
src.app.dive-plan	0%	0%	❌
src.app.dive-planner-service	77%	72%	✔
src.app.dive-settings	0%	0%	❌
src.app.dive-summary	0%	0%	❌
src.app.end-chart	0%	0%	❌
src.app.error-list	0%	0%	❌
src.app.graph-dialog	0%	0%	❌
src.app.home	0%	0%	❌
src.app.maintain-depth	0%	0%	❌
src.app.new-depth-stats	0%	0%	❌
src.app.new-dive	0%	0%	❌
src.app.new-gas-input	0%	0%	❌
src.app.new-gas-stats	0%	0%	❌
src.app.new-time-stats	0%	0%	❌
src.app.pipes	29%	15%	❌
src.app.po2-chart	0%	0%	❌
src.app.standard-gas-list	0%	0%	❌
src.app.start-gas-stats	0%	0%	❌
src.app.tissues-ceiling-chart	0%	0%	❌
src.app.tissues-phe-chart	0%	0%	❌
src.app.tissues-pn2-chart	0%	0%	❌
src.app.utility	100%	100%	✔
Summary	30% (396 / 1308)	7% (57 / 792)	❌

[github-actions]

This PR has been deployed to a preview site for testing.

This site will automatically be deleted when the PR is merged.

Last deployed: 2025-12-28T07:27:15Z (UTC)

[github-actions]

UI Test Results

0 files   - 1  0 suites   - 9   0s ⏱️ - 3m 12s
0 tests  - 3  0 ✅  - 3  0 💤 ±0  0 ❌ ±0 
0 runs   - 9  0 ✅  - 9  0 💤 ±0  0 ❌ ±0 

Results for commit b801fcc. ± Comparison against base commit 8b24ed6.