frontend: Make application lable clickable

[CygnusMaximillian]

Title: Make application logo clickable to navigate to the home page

Description:
Currently, clicking the Headlamp logo in the top bar or sidebar does nothing. In most modern web applications, the logo acts as a convenient shortcut to return to the home screen or default dashboard.

We should wrap the AppLogo component in a react-router-dom <Link> that points to the home route (/). This needs to be done in:

1. frontend/src/components/App/TopBar.tsx
2. frontend/src/components/Sidebar/HeadlampButton.tsx (Ensuring that the logo is decoupled from the sidebar toggle button so they can be interacted with independently).

Expected Behavior:
Clicking the logo anywhere it appears in the app shell should instantly route the user back to the home page.

[sniok]

hi, this is not necessary and on narrow screens (mobile) it already acts as a button that opens navigation menu

[illume]

Having the top left logo go to the home is an extremely common UI behaviour. I never understood why it was changed from this.

@sniok do you know why?

[illume]

I think it used to toggle the sidebar, which was a bit weird.

[CygnusMaximillian]

@sniok but for pc I felt it strange, but if still it's of no use then I will close this :)