Detect orientation on media query

[hyochan]

Description

When testing the orientaion is not detected with isMobile, isTablet and isDesktop which we've defined. Therefore it looks we need to expose variable isPortrait to also detect the orientation.

Then we can provide different layouts in below cases.

Make sure to import '@expo/match-media'; in your app to use this feature.

Related Issues

N/A

Checklist

Before you create this PR confirms that it meets all requirements listed below by checking the relevant checkboxes ([x]). This will ensure a smooth and quick review process.

• I read the Contributor Guide and followed the process outlined there for submitting PRs.
• Run yarn test or yarn test -u if you need to update snapshot.
• Run yarn lint
• I am willing to follow-up on review comments in a timely manner.

[codecov]

Codecov Report

Merging #68 (702e232) into master (89adf9b) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master      #68   +/-   ##
=======================================
  Coverage   95.37%   95.37%           
=======================================
  Files          21       21           
  Lines         541      541           
  Branches      232      232           
=======================================
  Hits          516      516           
  Misses         25       25           

[github-actions]

Visit the preview URL for this PR (updated for commit 702e232):

https://dooboo-ui--pr68-media-query-orientat-bqd1se9q.web.app

_{(expires Sun, 29 Aug 2021 06:12:45 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}