Improve readability of rack reservation in elevations

[Wait4Code]

NetBox version

3.4.3

Feature type

Change to existing functionality

Proposed functionality

Add some borders in SVG around rack reservations to better distinguish them (and maybe a sort of highlight on hover).
path tag can be used to solve this problem. For example, for the case described just after, this solution works :

<a xmlns="http://www.w3.org/2000/svg" target="_parent" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="xxx">
  <title>Reservation #14: CUSTOMER 1</title>
  <path d="M256,530 L271,530" style="stroke:  black;stroke-width: 2px;"/>
  <rect class="reservation" height="66" width="15" x="256" y="530"/>
  <path d="M256,596 L271,596" style="stroke:  black;stroke-width: 2px;"/>
</a>
<a xmlns="http://www.w3.org/2000/svg" target="_parent" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="xxx"> 
  <title>Reservation #13: CUSTOMER 2</title>
  <path d="M256,596 L271,596" style="stroke:  black;stroke-width: 2px;"/>
  <rect class="reservation" height="66" width="15" x="256" y="596"/>
  <path d="M256,662 L271,662" style="stroke:  black;stroke-width: 2px;"/>
</a>

Another idea (but I should maybe open another ticket for that) is to have a slighty different background on reservation representation when looking at it :

Use case

When there are many rack-reservation on a rack, elevation is not really readable because all reservations representations are sticked.
For example, in this one, there is one reservation between 13 and 15U and an other, just after, between 16 and 19U.

With borders (paths) :

Database changes

None.

External dependencies

No response