Teleported menus alignment

[cstns]

Description

Tidying up after the expert release before the holidays where it was found that menu items that were teleported to the body of the page either overflowed outside the viewport or had their widths impacted.

Menu width and positioning is measured and adjusted in a cohesive manner across components.

This PR improves overflow detection and collision detection and fixes menu widths while serving a starting point for the following work on the kebab menu.

As a quick fix, I also addressed the teleports in these components and correctly placed them in the teleported slot so they produce their effects.

Related Issue(s)

pre-requisite for #6374

Checklist

• I have read the contribution guidelines
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated
  • Upgrade instructions
  • Configuration details
  • Concepts
• Changes flowforge.yml?
  • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
  • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production
• Link to Changelog Entry PR, or note why one is not needed.

Labels

• Includes a DB migration? -> add the area:migration label

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 76.42%. Comparing base (6fcab5c) to head (61e1a39).
⚠️ Report is 16 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #6488   +/-   ##
=======================================
  Coverage   76.42%   76.42%           
=======================================
  Files         396      396           
  Lines       19887    19887           
  Branches     4768     4768           
=======================================
  Hits        15199    15199           
  Misses       4688     4688           

Flag	Coverage Δ
backend	76.42% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ 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.

[Steve-Mcl]

Code good. 1 issue spotted - the team name is now a weird colour when hovered.

This is not happening on FFC Live

I'll merge main in case it was a previously fixed issue before approving.

[Steve-Mcl]

Code good. 1 issue spotted - the team name is now a weird colour when hovered.

This is not happening on FFC Live

I'll merge main in case it was a previously fixed issue before approving.

Still happening after main merge! Weird!

[cstns]

should be fixed now

[Steve-Mcl]

tested on pre-staging. checked as many places I could think of. Witnessed collision detect working (meu appeared below dropdown when enough space, above when not.