[$500] Create a new placeholder component

[hayata-suenaga]

We're implementing something called Hybrid Web.

Hybrid Web only supports wider screens (i.e. laptop-size web and desktop). When a screen with embedded OldDot page is accessed on mobile or mweb, NewDot should display a placeholder view that informs the user that they need to use a wider browser or desktop app to access the screen.

This issue involves the following two tasks:

• Implement this new placeholder view by following the design and using the asset attached below.
• Create a new dummy screen called Temp. In Temp, you should display the new placeholder view. Add the logic to toggle the visibility of the placeholder view based on the screen size (mobile breakpoint).

asset file

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~018ca1b136724bccab
• Upwork Job ID: 1710191208084582400
• Last Price Increase: 2023-10-06
• Automatic offers:
• b4s36t4 | Contributor | 27053528

[melvin-bot]

Triggered auto assignment to @jliexpensify (NewFeature), see https://stackoverflowteams.com/c/expensify/questions/14418#:~:text=BugZero%20process%20steps%20for%20feature%20requests for more details.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~018ca1b136724bccab

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @ArekChr (External)