Add banner to DeviceBrowser when device limit reached

[knolleary]

Description

This is part of the Team Types work. It adds the standard banner to the DeviceBrowser component and disabled the 'add device' button if the device limit has been reached.

Except... it doesn't quite work yet. Given the work around Device pagination, the DeviceBrowser is getting a bunch of rework in parallel. The current code doesn't appear to have the 'total number of devices in this team' baked into it. If I go about adding that, it'll insta-clash badly with the pagination work. So this is a placeholder PR to get the bulk of this work in - and the final piece can be updated when the pagination work lands.

Alternatively, if the pagination work is delayed, it will be a quick task to add the right logic here and get this merged and deal with the clashes later.

[codecov]

Codecov Report

Merging #2670 (e80f1d0) into main (ce04cd5) will increase coverage by 0.09%.
The diff coverage is 0.00%.

❗ Current head e80f1d0 differs from pull request most recent head e682c34. Consider uploading reports for the commit e682c34 to get more accurate results

@@            Coverage Diff             @@
##             main    #2670      +/-   ##
==========================================
+ Coverage   39.69%   39.78%   +0.09%     
==========================================
  Files         539      535       -4     
  Lines       18993    18790     -203     
  Branches     4465     4408      -57     
==========================================
- Hits         7539     7476      -63     
+ Misses      11454    11314     -140     

Flag	Coverage Δ
backend	74.90% <ø> (+0.14%)	⬆️
frontend	2.17% <0.00%> (+0.01%)	⬆️

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

Files Changed	Coverage Δ
frontend/src/components/DevicesBrowser.vue	0.00% <0.00%> (ø)

... and 22 files with indirect coverage changes

[Pezmc]

My branch has total number of devices in a Vue data prop, so indeed will be easy to grab!

[Pezmc]

Can be rebased on top of #2677 and use allDeviceStatuses.size() (on the team devices page). Will need an API call on the application/instance pages.

[Pezmc]

Approved by @knolleary on release call.

[knolleary]

Reviewed the additional changes from @Pezmc - happy to merge