Add Schematic Image and url [feature-add-schematic-image-and-url]

AbdulWahab3181 commented 1 month ago

Describe your changes

Please delete options that are not relevant.

[ ] Bug fix (non-breaking change which fixes an issue)
[x] 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

[x] I have performed a self-review of my code
[x] I have tested on Chrome and Firefox
[ ] I have tested on a mobile device
[x] I have provided a screenshot or recording of changes in my PR if there were updates to the frontend

AbdulWahab3181 commented 1 month ago

UI Enhancements:

https://www.loom.com/share/7c5c20fd64ce445a81938568f2417888

elraphty commented 1 month ago

UI Enhancements:

https://www.loom.com/share/7c5c20fd64ce445a81938568f2417888

@AbdulWahab3181 centralize the page, and make it responsive, also the schematic URL should not be clickable when there's no schematic URL.