Adds variables to the submit form

[ribalba]

This PR adds the functionality to add 0..n variables to a run. Tried to make it look nice and not just a textbox.

[greptile-apps]

Skipped: This PR does not contain any of your configured keywords: (greptile-this-will-never-be-only-manual)

[github-actions]

Eco CI Output - Old Energy Estimation

Eco CI Output [RUN-ID: 19838008509]:

🌳 CO2 Data:
City: CONSTANT, Lat: , Lon:
IP:
CO₂ from energy is: 1.528159710 g
CO₂ from manufacturing (embodied carbon) is: 0.449155262 g
Carbon Intensity for this location: 231 gCO₂eq/kWh
SCI: 1.977315 gCO₂eq / pipeline run emitted

---

Total cost of whole PR so far:

Label	🖥 avg. CPU utilization [%]	🔋 Total Energy [Joules]	🔌 avg. Power [Watts]	Duration [Seconds]
Measurement #1	28.9356	6615.41	4.20	1574.25
Total Run	28.94	6615.41	4.20	1574.25
Additional overhead from Eco CI	N/A	17.37	4.25	4.09

[ribalba]

I had to run the tests 2 times so that it would pass. No idea what is happening here.

[ArneTR]

Seems to work as intended. Also the code LGTM.

Visually I would argue for some overhaul:

• The layout crashes on mobile. See screenshot
• I think the button to "add variables" should be on the right. it is quite confusing above the submit button
• I would remove the <div class="ui basic segment"> container. I understand that it is to intend the variables, but this feels more confusing than helpful to me
• In order to increase visibility for the option I would always show one entry box for the variable which can be left optionally empty and indicate this in the placeholder. screenshot attached (I pushed this as commit which can be reverted after discussion)

Mobile problems

Design Idea

[ribalba]

So it looks like this now:

Mobile:

Feedback

[ArneTR]

The columns still create a padding when on mobile left and right. However I think this is a minor style issue and I expect not many people using it on mobile.
It should mostly be readable and non broken. So this PR LGTM.

Can merge after tests run successfully

[github-actions]

Eco CI Output - Old Energy Estimation

Eco CI Output [RUN-ID: 19930426278]:

🌳 CO2 Data:
City: CONSTANT, Lat: , Lon:
IP:
CO₂ from energy is: 1.541841840 g
CO₂ from manufacturing (embodied carbon) is: 0.452787307 g
Carbon Intensity for this location: 231 gCO₂eq/kWh
SCI: 1.994629 gCO₂eq / pipeline run emitted

---

Total cost of whole PR so far:

Label	🖥 avg. CPU utilization [%]	🔋 Total Energy [Joules]	🔌 avg. Power [Watts]	Duration [Seconds]
Measurement #1	28.9653	6674.64	4.21	1586.98
Total Run	28.97	6674.64	4.21	1586.98
Additional overhead from Eco CI	N/A	17.40	4.26	4.08

[github-actions]

Eco CI Output [RUN-ID: 19931440629]:

🌳 CO2 Data:
City: CONSTANT, Lat: , Lon:
IP:
CO₂ from energy is: 1.543973970 g
CO₂ from manufacturing (embodied carbon) is: 0.448033979 g
Carbon Intensity for this location: 231 gCO₂eq/kWh
SCI: 1.992008 gCO₂eq / pipeline run emitted

---

Total cost of whole PR so far:

Label	🖥 avg. CPU utilization [%]	🔋 Total Energy [Joules]	🔌 avg. Power [Watts]	Duration [Seconds]
Measurement #1	30.2007	6683.87	4.26	1570.32
Total Run	30.20	6683.87	4.26	1570.32
Additional overhead from Eco CI	N/A	16.99	4.24	4.01