Added wide to narrow instructional video to observation import dialogue

[LouisThedroux]

Links to Jira Tickets

• NA

Description of Changes

• Implements a help dropdown feature that guides users through a 3-step process for transforming wide data into a narrow format using Power Query in Excel.
• The dropdown includes a concise, audioless MP4 video tutorial that demonstrates the workflow within an Excel spreadsheet. This video serves as a practical guide to help users quickly understand how to use Power Query for their data transformation needs.
• The MP4 format was chosen over GIF due to its superior ability to maintain high visual quality while minimizing file size, ensuring efficient loading and playback for users.
• The video file is stored on Amazon S3, and the frontend renders the tutorial using an HTML <video> tag in the return statement, allowing for smooth and compatible playback across browsers.
• The MP4 was created using ffmpeg in a Git Bash terminal, with custom settings for quality and frames per second (fps) to optimize both clarity and performance.
• Updates relevant UI components and supporting code to incorporate the new help dropdown and tutorial feature.

---

Testing Notes

• Verify that the help dropdown displays correctly and is accessible from the intended area in the application.
• Confirm the MP4 tutorial loads and plays smoothly, with no audio, maintaining high visual quality and fast load times.
• Check that the 3-step instructional text accurately describes the process and aligns with the actions shown in the video.
• Ensure the video is retrieved from S3 and embedded using the <video> HTML tag, and that error handling is in place if the video fails to load.
• Test on multiple browsers and devices to confirm compatibility.

[github-actions]

Openshift URLs for the PR Deployment:

• App Route: https://biohubbc-app-1564-af2668-dev.apps.silver.devops.gov.bc.ca/
• Api Route: https://biohubbc-api-1564-af2668-dev.apps.silver.devops.gov.bc.ca/
• Pods: https://console.apps.silver.devops.gov.bc.ca/k8s/ns/af2668-dev/pods?name=1564

[codecov]

Codecov Report

❌ Patch coverage is 0% with 115 lines in your changes missing coverage. Please review.
✅ Project coverage is 33.01%. Comparing base (21118f7) to head (a1a9bd8).
⚠️ Report is 43 commits behind head on dev.

Files with missing lines	Patch %	Lines
.../components/dialog/video-help/VideoHelpSection.tsx	0.00%	63 Missing ⚠️
...components/dialog/video-help/TransformDataHelp.tsx	0.00%	24 Missing ⚠️
.../components/dialog/video-help/observationsHelp.tsx	0.00%	24 Missing ⚠️
app/src/components/csv/CSVSingleImportDialog.tsx	0.00%	2 Missing ⚠️
...servations/components/ImportObservationsButton.tsx	0.00%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##              dev    #1564      +/-   ##
==========================================
- Coverage   33.07%   33.01%   -0.07%     
==========================================
  Files        1033     1036       +3     
  Lines       65168    65288     +120     
  Branches     2357     2357              
==========================================
  Hits        21553    21553              
- Misses      43075    43195     +120     
  Partials      540      540              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud