Create the footer using tailwind css

[vishwaikon]

…in external CSS stylesheet were replaced with Tailwind CSS classes. The code to import the external stylesheet was commented to prevent style conflicts.

Purpose

The purpose of this PR is to develop the footer of the website and replace the Antd styles with Tailwind CSS which is a part of fixing issue #50.

Goals

Tailwind classes were used to enhance efficiency and readability and the structure.

Approach

The CSS flexbox was used and Tailwind CSS classes were used to achieve the Antd styles. The code to import the external stylesheet was commented to prevent conflicts in styles and to be used if required.

Screenshots

Checklist

• [X ] This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
• [X ] I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
• [X ] My code follows the style guidelines of this project
• [X ] 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

Related PRs

Test environment

Learning

[vishwaikon]

Hi, @mayura-andrew , I fixed the ESLint errors, but the ESLint check still fails.

[anjula-sack]

Hi, @mayura-andrew , I fixed the ESLint errors, but the ESLint check still fails.

@vishwaikon Run npm run lint and see the lint errors should be shown there