fix: alignment issues in Widget Align System

[KaWaite]

Overview

Placement of widgets were incorrect in a couple grid areas.
Needed to upgrade react-align since there were issues in that package.
Also updated on this end some logic errors.

[netlify]

✅ Deploy Preview for reearth-web ready!

Name	Link
🔨 Latest commit	17851b3
🔍 Latest deploy log	https://app.netlify.com/sites/reearth-web/deploys/635f8ebde4ac9800084973b3
😎 Deploy Preview	https://deploy-preview-344--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 settings.

[codecov]

Codecov Report

Merging #344 (17851b3) into main (f40d022) will decrease coverage by 0.00%.
The diff coverage is 0.00%.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #344      +/-   ##
==========================================
- Coverage   18.12%   18.12%   -0.01%     
==========================================
  Files         512      512              
  Lines       50937    50945       +8     
  Branches      619      619              
==========================================
  Hits         9232     9232              
- Misses      41684    41692       +8     
  Partials       21       21              

Impacted Files	Coverage Δ
...ts/molecules/Visualizer/WidgetAlignSystem/Area.tsx	0.00% <0.00%> (ø)

[airslice]

The align logic seems a little complex and i think i only kind of understand it. I asked red to help test some and everything seems working good!