Focused UI fields are visible over header

[petar-cvit]

Describe the bug
When a field on the New Module / Edit Module is in focus, and you scroll down, the field in focus goes over the header.

reoproduce-field-focus-issue.mov

To Reproduce
Steps to reproduce the behavior:

1. Install templates into your cluster
   kubectl apply -f https://raw.githubusercontent.com/cyclops-ui/cyclops/main/install/demo-templates.yaml
2. Select the demo-extended template since its the longest template
3. Expand nested fields as in the video above so you can scroll down.
4. Select one field as if you would change it's value
5. If you scroll down, you should see the field is over the header.

Expected behavior
Fields shouldn't go over the header.

Proposed solution
We can change the z-index of those components or set overflow: hidden

[AKHIL-DyC]

can i work on this issue

[hanshal101]

Go on @AKHIL-DyC !

[AKHIL-DyC]

#254

[hanshal101]

Hey @AKHIL-DyC thanks for your contribution can you add the Issue tag on your PR description, something like this:

Fixes (#)253 (note dont add the bracket around the hash)