Use route function from ziggy instead of url path on the settings layout

[mt-shihab26]

I am working on my project. I saw on the settings layout navigation links that plain URL paths are used. I was converting those linked into route names on my project. I thought it would be a good contribution to this stater kit.

Now, in the settings layout navigation links route() function is being used with route names.

Also using route().current() function instead of window.location.pathname to determine the active state.

[tnylea]

Looks great! Thanks @p-nerd, would you mind moving the SettingsSidebarNavItem interface to the types/index.d.ts file: https://github.com/laravel/react-starter-kit/blob/main/resources/js/types/index.d.ts.

Thanks!

[mt-shihab26]

Done @tnylea, Just moved the type into @/types/index.d.ts

[tnylea]

Thanks @p-nerd. Looks great.

We may have a conflict in this PR here: https://github.com/laravel/react-starter-kit/pull/86/files that we'll need to include in this update, but we can get that resolved quickly. Appreciate it.

[taylorotwell]

Could the interface stay the same but just pass the href using a ziggy resolved string?

[mt-shihab26]

But you use put route name on the array then we can use route().current() function to determine active state.