redesign with mobile first in mind

[kapcom01]

UI Design Sketch:

For mobile phones:

• header bar with the Title
• Search box (with a button when more than one results found)
• Actor widget

For tablets:

• the same as mobile phone
• plus a widget with actor's details (bio, movies, birthdate)

Scenario

When the app starts show a splashscreen and then the UI with a random actor already loaded.

When someone uses the search field, if there is only 1 result, then just load him in the actor widget. If there are more than 1 results, then load the 1st and show a button next to the search field. When this button is pushed, reveal a right panel with the rest of the results.

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/26766903-redesign-with-mobile-first-in-mind?utm_campaign=plugin&utm_content=tracker%2F2784460&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F2784460&utm_medium=issues&utm_source=github).

[kapcom01]

The Actor's details widget, it is better to appear below the Actor widget in the mobile UI.

[kapcom01]

I don't like my designs anymore 🤣
We need to make something more modern, like bootstrap or tailwind, etc