View components (re)organization

[Danziger]

Most "view" components have been renamed to <ComponentName>View and updated to use named exports in:

However, most file names still do not reflect those are "views" rather than regular components. Also, while some inline components have been extracted from the "view" files into their own, some are still defined there, specially all styled components.

This task includes:

• Rename all files that export a component named <ComponentName>View to component-name.view.tsx.
• Place them in their own folder: src/.../component-name/component-name.view.tsx.
• Extract all styled components to their own file next to the view file: src/.../component-name/component-name.styles.tsx.
• If additional components other than the view component itself are also defined in the view component's file, move it into the ~components directory.
• If needed, you can also create src/.../component-name/component-name.utils.tsx and src/.../component-name/component-name.constants.tsx to "clean up" the .view.tsx file.

Suggestion:

Create one PR to do this in views for the Welcome and Dashboard apps first, a second one for the Auth app and the last one for the main Popup app.