Feature/outlining patterns

This MR contains all of the patterns in 'budget' form so we can refine and create tickets for them

I've used tailwind and images to show what each component is made up of and I've tried to outline what each ones settings, fields and variants will look like.

I've also added in the new colors,?fonts, the typography tokens in the code needs more work and I've also made an attempt at the layout grid for the content, it needs work still too but it will do for now.