Reusable footer component integration and Code cleanup

[Lochipi]

Summary

I’ve recently created a reusable footer component and integrated it into various parts of our application, including the signup, table, info, and landing page. I’ve also cleaned up unused code in the landing page header.

Snips

before:

after:

Motivation

The primary motivation behind this update was to enhance consistency and maintainability across different sections of our application. By using a reusable footer, we ensure a uniform look and feel, which improves the overall user experience.

Implementation

I have created a footer util, which would be reused in all the components we would need. And since we have a common file, I have included it in the utils in the common folder and included the CSS in the common.css file. I did import the scripts and called the function "insertFooter()" to invoke it. All works as expected. I chose this way considering the performance compared to loading the file using jQuery.

video demo

https://github.com/camicroscope/caMicroscope/assets/108942025/eeb1e4c3-4025-4233-b074-2d8c0481a056

Testing

I’ve conducted thorough testing to validate the functionality of the footer component. Here are the details:

• Cross-Browser Testing: I’ve tested the footer on various browsers (Chrome, Firefox, Edge, and Safari) to ensure compatibility.
• Responsive Design: I’ve verified that the footer adapts correctly to different screen sizes, including mobile devices and tablets.
• Integration Testing: I’ve tested the footer in conjunction with other components to ensure seamless integration.

I have also run the lints

I could say the testing results have been positive, and the footer behaves as expected across different contexts.

Questions

If you have any feedback or suggestions regarding the footer component, please feel free to share. And also, if there's anything else you'd like me to address, let me know. Thanks.