Added Active Links to Settings Section for Better Navigation

[kzamanbd]

This PR improves the Settings section by adding active links to enhance user navigation. Changes include:

• Added active link states to improve usability.
• Ensured consistent styling and accessibility.
• Minor UI tweaks for a better user experience.

Let me know if you want any refinements! 🚀

[tnylea]

@kzamanbd, thank you. Can you please submit screenshots of the UI changes.

Additionally, we have a PR here: #41 that is also trying to resolve the active states of those buttons. I feel like adding the current attribute may be a better approach. Let me know your thoughts. Thanks.

[kzamanbd]

@tnylea Thanks for the feedback!

Here is my changes as like you mentioned PR

I also think :current="request()->routeIs('settings.profile')" will be a better approach

[alex-coding-alex]

If the APP_URL is set and the browser site matches that completely, then active links show fine. Just cloned the starter kit and the initial url was. http://127.0.0.1:8000, my default APP_URL was http://localhost.

After I added the port number and used localhost instead of 127.0.0.1, the active links shows. Though, it does seem like it'd trip people up in dev.

[tnylea]

Ok. Yeah, perhaps this is something that we should add to the documentation or maybe we can comment somewhere in that file.

Let's leave the settings/layout.blade.php the way it is for now and if this keeps coming up maybe we'll reconsider. If you want to submit your other CSS class updates without that settings/layout.blade.php in here I can approve and merge that.

Go ahead and re-checkout the settings/layout.blade.php and we can get this merged in. Thanks!

[kzamanbd]

I've left the settings/layout.blade.php file in my pull request

[tnylea]

Thanks @kzamanbd,

This will add the active state to the buttons even if the APP_URL is not set correctly. This has come up a few times, so it'll be good to have this in there to make sure it's always active for the correct URI segment.

Appreciate it.