chore(web): fix layerName random on upload directly

[pyshx]

Overview

This PR is the follow-up of #779 where is covers the layer uploaded direct to also have the filename as the starting layerName and Also adds small styles to leftPanel's layerName.

[netlify]

✅ Deploy Preview for reearth-web ready!

Name	Link
🔨 Latest commit	550ed19
🔍 Latest deploy log	https://app.netlify.com/sites/reearth-web/deploys/654228364592fa000841d839
😎 Deploy Preview	https://deploy-preview-781--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 #781 (550ed19) into main (16cbcde) will decrease coverage by 0.01%.
The diff coverage is 0.00%.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #781      +/-   ##
==========================================
- Coverage   26.10%   26.10%   -0.01%     
==========================================
  Files        1621     1621              
  Lines      177177   177189      +12     
  Branches     3910     3908       -2     
==========================================
  Hits        46251    46251              
- Misses     129837   129849      +12     
  Partials     1089     1089              

Flag	Coverage Δ
web	24.38% <0.00%> (-0.01%)	⬇️
web-beta	24.38% <0.00%> (-0.01%)	⬇️
web-classic	24.38% <0.00%> (-0.01%)	⬇️
web-utils	24.38% <0.00%> (-0.01%)	⬇️

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

Files	Coverage Δ
web/src/beta/hooks/useAssetUploader/hooks.tsx	0.00% <0.00%> (ø)
...res/Editor/tabs/map/LeftPanel/Layers/LayerItem.tsx	0.00% <0.00%> (ø)

... and 3 files with indirect coverage changes