Swap Page/ Mobile Responsive

[MilanVojnovic95]

Description
This issue is a list of things that need to be fixed in order for the site to be Mobile Responsive.
@0xVenky @zamli Please review the screenshots to know if we need a design or some additional solution for certain elements.

Definition of done

• Description is created (Task creator)
• Code is complete (Developer)
• Scope of test and what was done section is defined in task (Developer)
• Review passed (Code reviewer)
• Verified manually (QA)
• Test cases created/updated if necessary (QA)
• Change successfully merged
• Release notes added if needed

How to Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshot

1. It happens that in certain fields we cannot see the whole numbers that have been entered and also somewhere the elements overlap.
   

2. We are missing elements with animations that are present on the desktop
   

3. There is also a scroll
   

4. I also think that the modals with notifications are not positioned nicely or they lack padding
   

Additional context
Add any other context about the problem here.
Also, if it's relevant for the described byg, add information like the browser or OS.