Update ScreensShots.md

[madhupashish]

I have make use of the latest Flutter UI practices and improve the structure and styling of this code

In the upgraded code:

1. The code structure follows the standard Flutter app structure with a main entry point and a MyApp widget as the root widget.
2. The MyApp widget is a StatelessWidget that sets up the basic app scaffold with an app bar and a body.
3. The UI components are displayed in a Column widget inside the body of the Scaffold.
4. Each component is represented by a ComponentCard widget, which is a custom widget created to display an image and a title.
5. The image path and title for each component are passed as parameters to the ComponentCard widget.
6. The ComponentCard widget uses a Card to display the image and title, with appropriate padding and styling.

Make sure to update the image paths in the code to match the actual paths of this images. Also, consider adjusting the image dimensions to fit the specific requirements..

Pull Request Template

Description:

Briefly describe the purpose and context of this pull request.

Changes Made:

Provide a clear and concise overview of the specific changes made in this PR.

Related Issue:

If applicable, reference the related issue number(s) here.

Screenshots/GIFs:

If applicable, include any relevant screenshots or GIFs to visually demonstrate the changes.

Testing Done:

Outline the testing steps you have taken to ensure the changes function as intended.

Additional Notes:

Add any additional information or notes that are relevant to this PR.

Checklist:

• [ ] The code follows the project's coding style guidelines.
• [ ] Unit tests have been added or updated to cover the changes.
• [ ] Documentation, if applicable, has been updated to reflect the changes.
• [ ] All new and existing tests pass successfully.

Please review and merge this PR at your earliest convenience.

Thank you!

[madhupashish]

Must perview my code .

[madhupashish]

Must perview my code .

[madhupashish]

preview my code