Feature: Schema title bar

[finnar-bin]

Closes #2202
Closes #2226
Closes #2247

Dependent on zesty-io/material#80 for the new icon

Preview

[zcolah]

Overall Great Job @theofficialnar, please make the following changes to the designs.

1. Visual QA Feedback on Figma

2. Make Info Tab Updates in Figma: There is a poor contrast on the Info Tab page due to the change in the background color to Grey.50. I had not anticipated this and hence need to request 4 changes to be made to the content items in the Info Tab. Apologies for the same.

3. Update Icon of All Models in the Sidebar and in the Breadcrumbs to be database-search (sent the icon SVG on Slack). Please also ensure this PR is connected to this issue. See screenshot below

4. Update API Tab Padding Issues. Currently the API Tab spacing looks to be off. So we need to make two changes specifically as listed below. You can also refer to this Figma file to see the spacing rules.

a. Make the top padding on this div from 16px to 0px.

b. Make the bottom padding on this div from 20px to 16px

[zcolah]

1. Update the info icon size for the description field in the right sidebar to be 12px by 12px. Note: This is a bug not originally in scope.

2. Make the color of the title in each field list item to be typography.primary.

3. Please rename Copy ZUID to Copy Model ZUID

4. Please rename copy zuid here to "Copy Field ZUID"

5. Change "As Single Page" to "As a Single Page Model"

6. Add 16px margin to each field. Please also do this for the deactivated and system fields. This will ensure the scroll bar no more covers the fields.

7. Remove the right padding of this container.