11736 implement component for grid property setting

[standeren]

Description

• Add a StudioComponent named StudioSlider which is a slider with intervals from 1-12
• Add a EditGrid component used in Form component config that renders a possibility to select a viewSize where the selected view size is passed down to a new component named EditGridForGivenViewSize
• Add a EditGridForGivenViewSize component that renders the StudioSlider and a switch, where the switch can set the grid-property to use default value which is 12. Setting this will remove the grid-value for the particular view size from the layoutfile.

Screen.Recording.2023-12-19.at.14.09.42.mov

Large screen

Disabled:

Enabled:

This PR does not take LabelGrid and InnerGrid into account. It only cares about the main grid for the selected component

Verification

• Your code builds clean without any errors or warnings
• Manual testing done (required)
• Relevant automated test added (if you find this hard, leave it and we'll help out)

[codecov]

Codecov Report

Attention: 18 lines in your changes are missing coverage. Please review.

Comparison is base (97bab35) 86.93% compared to head (41cd9e1) 86.93%.
Report is 8 commits behind head on master.

Files	Patch %	Lines
...mponents/StudioGridSelector/StudioGridSelector.tsx	72.88%	14 Missing and 2 partials ⚠️
...itor/src/components/config/FormComponentConfig.tsx	85.71%	1 Missing ⚠️
.../components/config/editModal/EditGrid/EditGrid.tsx	96.66%	0 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master   #11851      +/-   ##
==========================================
- Coverage   86.93%   86.93%   -0.01%     
==========================================
  Files         929      936       +7     
  Lines       13180    13310     +130     
  Branches     1608     1632      +24     
==========================================
+ Hits        11458    11571     +113     
- Misses       1507     1521      +14     
- Partials      215      218       +3     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[framitdavid]

You have accomplished a huge amount of excellent work! 🚀 👏 I have a suggestion that I'd like to put forward, but feel free to disagree. It's possible that I may have misunderstood certain aspects. 😎

[framitdavid]

I'm almost done with the review, but I need to continue with the last part tomorrow. However, once again, I like what I see here. 🤩

[TomasEng]

Veldig fint løst hover-effekt, har bare noen små endringsforslag.

[TomasEng]

Formidabelt.