Create UI for IP Scanner

[AshuKV]

Description

Please include a summary of the change and which issue is fixed.
Please also include relevant motivation and context.
List any dependencies that are required for this change.

Fixes #162

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• Any dependent changes have been merged and published in downstream modules
• I have added all the three reviewers: @vinitshahdeo, @Kashish121 & @ishika1727

[welcome]

Thanks for opening this pull request! 🤗
Are you looking for more beginner-friendly issues? Check out this repo.

Check out few other repos below 🚀

PS: Please add @vinitshahdeo / @Kashish121 / @ishika1727 as a reviewer if you haven't added.

[vinitshahdeo]

@AshuKV Can you please update the PR title and attach screenshots in the PR description?

[AshuKV]

Please see the starter webpage for creating the UI for the port scanner.

More work is needed, so I would like to collaborate with others on this issue.

[vinitshahdeo]

@ishika1727 / @Kashish121 can you please review this?

[vinitshahdeo]

@ishika1727 Please review and merge.

[ishika1727]

@AshuKV I feel the UI is quite incompete . There is a lot of empty space on right hand side and the spacing are also not good. Please make the changes.