Chore: Using common Component to structure Settings page

[Spokeek]

As i was working on the settings page, i saw we had common components in the layout file.

I followed that use and placed a Section Component that wraps our entries in Cards for our various pages.

For now as a proposal i did the settings page and the logs as they were the more useful for.

This is only a proposal on how we can do our sections so we can keep the design homogeneous.

Tell me what you think about it.

[anatawa12]

I think creating common components is excellent. Thank you for proposal.

I think sections should be in vertical, and path input and button should be grouped in another horizontal component.

[Spokeek]

I think sections should be in vertical, and path input and button should be grouped in another horizontal component.

I'll try to make this. Would it be so we have a seperate component for each horizontal group ? Like for the example of the two backup sections ?

[anatawa12]

I think having common component for path and pick pair and put inside VSection component is good.

[Spokeek]

I Reworked it again, making use of the material Typography component.

Trying to follow the Component based structure.
May try to generalize the UI Components as well like the Table.

[Spokeek]

As i used my components for the log page, i also added a color hint to clearer the log level of each line.

[Spokeek]

And applied the table component to repository list

[anatawa12]

When will this pr become ready to merge? I want to merge this and implement color theme