fix alignment issue with deals notification dot

[eebbesen]

No description provided.

[Copilot]

Pull Request Overview

This PR adjusts the horizontal positioning of the notification dot on the gift cards navigation link.

• Updated the utility class from start-100 to start-40 on the <span> in the layout
• Updated the corresponding test to expect the new class name

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
MainLayout.razor	Adjusted the CSS utility class for the notification dot
MainLayoutTest.razor	Updated the test assertion to match the new utility class

Comments suppressed due to low confidence (1)

StpFoodBlazor/Components/Layout/MainLayout.razor:26

• Ensure that start-40 is a valid Bootstrap utility class; if it's not, consider defining a custom CSS class or use inline styles to achieve the 40% offset.

                            <span id="giftcards-exist" class="position-absolute top-0 start-40 translate-middle p-1 bg-danger border border-light rounded-circle"></span>