landscape ui issue

[saisurendra6]

Problem / Issue No #176 .

• Can't interact with the UI in landscape orientation.
• Some elements were overflowed when the keyboard is active.

Describe Problem / Root Cause

• This is because of the UI was designed for portrait orientation.
• And some fixed constrains used in it.

Solution proposed

• Changing the UI layout for landscape orintation.
• Exapnded widget can solve a lot of stuff.
• Creating a local variable/method for widgets, to reuse them.

Additional Information

• Now the UI is more easy to and responsive.

Screenshots

• Original Screenshot (Problem/Issue)
  

• Updated Screenshot (Fixes/Solution)
  

• Issue solved.

[github-actions]

Thank you for submitting your pull request! We'll review it as soon as possible.

[andoriyaprashant]

@saisurendra6 You have only fixed the UI for the GSSoC program in this pull request. If you want, you can open more issues for other programs as well. For now, I am merging this pull request.