Title: Request for Assistance: Developing Hostel Searching Web Application Wishlist Functionality

Description:

I$\text{'}$m currently working on developing a hostel searching web application and I need assistance implementing a wishlist functionality. Here are the key requirements:

Add to Wishlist Button: Each hostel displayed on the list of hostels page should have an "Add to Wishlist" button.

Wishlist Section in Navigation Bar: The navigation bar should contain an icon for accessing the wishlist.

Wishlist Display: In the wishlist section, the hostels selected via the "Add to Wishlist" button should be displayed.

Display in Table Format: Hostel details in the wishlist section should be displayed in a table format.

Table Contents: Each row in the table should include the hostel name, location, and rent price.

Check Button: Alongside each hostel in the wishlist, there should be a "Check" button. When clicked, it should display the corresponding hostel details page $($e$.$g$.,$ "Sai Ram hostel.html$").$

Remove Button: A "Remove" button should be included beside each hostel in the wishlist. Clicking it should remove the hostel from the wishlist.

Persistent Wishlist: The hostels in the wishlist should persistently appear when the user logs in until they are removed.

I$\text{'}$m seeking assistance in implementing these functionalities effectively. Could you please provide guidance on how to achieve this wishlist feature using HTML$,$ CSS$,$ and JavaScript? Any code examples, tips, or best practices would be greatly appreciated. Thank you!