Improve layout shift on load

[FlxMgdnz]

Pages that integrate Hanko currently suffer from a layout shift or "flicker effect" when the Hanko Element loads:

https://github.com/teamhanko/hanko/assets/20115649/6dd367a2-e29e-4df7-a7fb-eecd0d456e4a

This should be improved. Ideas:

• Give the component reasonable values for min-height and min-width
• Implement transitions, i.e. if the content of the component changes, do a transition from height a to height b (to avoid the flicker effect) - this should also work on initial load, but also all other layout changes when going through the flows will benefit

[incruder1]

If this issue is available. can i try it?

[jatingodnani]

@FlxMgdnz in which folder can i find this page?

[FlxMgdnz]

It's here somewhere: https://github.com/teamhanko/hanko/tree/main/frontend/elements/src

I think part of the task is figuring out the right hierarchical level where to apply the changes to.

[jatingodnani]

@FlxMgdnz i found the file , how can i run this page on localhost?