chore(web): Add popover and basic content components

[isoppp]

Overview

Add reusable popover and menu and icons for storytelling left panel.

( The original popover idea/code comes from official example )

What I've done

What I haven't done

• A pattern that menu has a child menu
• Use of theme colors

How I tested

• storybook

https://deploy-preview-580--reearth-web.netlify.app/storybook/?path=/story/beta-components-popover--uncontrolled
https://deploy-preview-580--reearth-web.netlify.app/storybook/?path=/story/beta-components-popover--controlled
https://deploy-preview-580--reearth-web.netlify.app/storybook/?path=/story/beta-components-popovermenucontent--default

Which point I want you to review particularly

Memo

[netlify]

✅ Deploy Preview for reearth-web ready!

Name	Link
🔨 Latest commit	58647c2
🔍 Latest deploy log	https://app.netlify.com/sites/reearth-web/deploys/64b7a4c9d2d5e2000850a3c9
😎 Deploy Preview	https://deploy-preview-580--reearth-web.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

Merging #580 (22e09a6) into main (99f5ad8) will decrease coverage by 0.05%.
The diff coverage is 2.62%.

❗ Current head 22e09a6 differs from pull request most recent head 58647c2. Consider uploading reports for the commit 58647c2 to get more accurate results

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #580      +/-   ##
==========================================
- Coverage   28.49%   28.44%   -0.05%     
==========================================
  Files        1392     1397       +5     
  Lines      150357   150613     +256     
  Branches     3590     3595       +5     
==========================================
+ Hits        42837    42845       +8     
- Misses     106368   106616     +248     
  Partials     1152     1152              

Flag	Coverage Δ
web	26.34% <2.62%> (-0.06%)	⬇️
web-beta	26.34% <2.62%> (-0.06%)	⬇️
web-classic	26.34% <2.62%> (-0.06%)	⬇️
web-utils	26.34% <2.62%> (-0.06%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
web/src/beta/components/Popover/context.ts	0.00% <0.00%> (ø)
web/src/beta/components/Popover/hooks.ts	0.00% <0.00%> (ø)
web/src/beta/components/Popover/index.tsx	0.00% <0.00%> (ø)
web/src/beta/components/Popover/types.ts	0.00% <0.00%> (ø)
...b/src/beta/components/PopoverMenuContent/index.tsx	0.00% <0.00%> (ø)
web/src/beta/components/Icon/icons.ts	100.00% <100.00%> (ø)

... and 3 files with indirect coverage changes