Add Collapse to Recent Objects

[rukmini-bose]

Closes #7491

Describe your changes:

• Add class to Recents such that it is horizontally collapsable
• Fix styling of collapse action such that it is consistent with other collapses seen in Object Tree and Inspector
• Add Aria Label and Title that is distinct from Tree and Inspector.

All Submissions:

• Have you followed the guidelines in our Contributing document?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?
• Is this change backwards compatible? For example, developers won't need to change how they are calling the API or how they've extended core plugins such as Tables or Plots.

Author Checklist

• Changes address original issue?
• Tests included and/or updated with changes?
• Has this been smoke tested?
• Have you associated this PR with a type: label? Note: this is not necessarily the same as the original issue.
• Have you associated a milestone with this PR? Note: leave blank if unsure.
• Is this a breaking change to be called out in the release notes?
• Testing instructions included in associated issue OR is this a dependency/testcase change?

Reviewer Checklist

• Changes appear to address issue?
• Reviewer has tested changes by following the provided instructions?
• Changes appear not to be breaking changes?
• Appropriate automated tests included?
• Code style and in-line documentation are appropriate?

[codecov]

Codecov Report

Attention: 4 lines in your changes are missing coverage. Please review.

Comparison is base (5894c66) 55.37% compared to head (c3190f4) 55.38%.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #7502   +/-   ##
=======================================
  Coverage   55.37%   55.38%           
=======================================
  Files         671      671           
  Lines       27012    27013    +1     
  Branches     2632     2633    +1     
=======================================
+ Hits        14959    14960    +1     
+ Misses      11330    11329    -1     
- Partials      723      724    +1     

Flag	Coverage Δ		*Carryforward flag
e2e-full	41.41% <ø> (+0.30%)	⬆️	Carriedforward from 3f63820
e2e-stable	59.38% <ø> (+<0.01%)	⬆️
unit	48.40% <42.85%> (-0.05%)	⬇️

*This pull request uses carry forward flags. Click here to find out more.

Files	Coverage Δ
src/ui/layout/PaneContainer.vue	48.23% <100.00%> (-0.58%)	⬇️
src/ui/layout/AppLayout.vue	20.40% <0.00%> (ø)

... and 5 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5894c66...c3190f4. Read the comment docs.

[ozyx]

We should add some visual tests (or modify existing tests) to cover Recent Objects, I'm not sure if we have any

[ozyx]

this doesn't need to be bound to anything as it's constant

Suggested change

	:persist-position="true"
	persist-position="true"

[ozyx]

Actually, I was wrong about this. If we're passing a boolean, we need the :v-bind otherwise it gets passed as a string. Just Vue 3 Things

[ozyx]

LGTM! Nice work, this looks great. In a separate PR, we should update the default starting position of the panel to be higher for visibility.