Tailwind ui layout

[fourstacks]

This PR introduces a new AppLayout for the site - figured it was about time to make things look a bit pretty!

As well as the obvious visual changes I've made a few other additions and tweaks:

There a couple of new packages:

• Laravel navigation - allows us to have our navigation structure built in PHP and we use Inertia::share to expose this in react - you can see how this is used in InertiaServiceProvider and in AppLayout.tsx
• Flexible Presenter - this is a package I built to make passing data to Inertia views simple and flexible. Readme has full docs but you can see it in action in InertiaServiceProvider for now. We should probably aim to use this in most controllers rather than just passing full models to the view (just in case we expose any data that we don't mean to)
• Ziggy - allows us to use our named Laravel routes in JS. You can see the route method in action in AppLayout.tsx.

I renamed 'general' profile to 'account'

The form is largely unchanged (though I've split the name property into first and last names for greater flexibility) but it's now found at /account - you can navigate to this by clicking the avatar in the top right of the screen. As far as avatars are concerned, I've installed a Gravatar package so if the email in use has a gravatar then that will be used - otherwise you get a fun robot head.

I tweaked the Card component

I've added the ability to pass in a react node as a header and footer - just makes it a little more flexible.

[katjad]

This all looks great @fourstacks, thank you! Have checked out the branch and looked at the changes. Really good to have the desktop and mobile menus! And the dropdown on the account icon, plus the ability to use routes in JS and restrict fields used from the backend. Good to learn about all these things too.