Sidebar: wrong anchor hash for messages

[FelixPopp]

Description
The anchor link for a message in the sidebar does not work as expected when message.name() and message.id() differ.

Expected result
Clicking on a message in the sidebar should set the correct hash in the URL and scroll the message into view.

Actual result
The anchor link only works if message.name() and message.id() are identical.
If message.name() is not provided, the hash becomes #message-undefined.

Steps to reproduce

1. Open the AsyncAPI React Playground App
2. Enable the sidebar in the configuration tab
3. Links in the sidebar for message lightMeasured Message ID and LwM2mOjbects won't work.
   Example: The anchor hash for LwM2mOjbects is #message-undefined because message.name is not provided.
   

Troubleshooting

• The HTML-ID for a message is set to message.id() in Messages.tsx#L32
• However, the anchor links in the sidebar use message.name() as the hash target, defined in Sidebar.tsx#L44

[parthikjadav]

ya i chacked it and thats true it is having error but i had fixed it