Added Tailwind CSS to atest-UI step1) of issue #717

[Aditya-132]

We highly recommend you read the contributor's documentation before starting the review process especially since this is your first contribution to this project.

It was updated on 2024/5/27

What type of PR is this?

What this PR does / why we need it:
Added Tailwind CSS in atest-ui

Which issue(s) this PR fixes:

Fixes #717

[Aditya-132]

@LinuxSuRen how can i fix this Build issue?

[LinuxSuRen]

Thanks for bringing the tailwind. But you need to pay attention the following things:

• Please provide a meaningful PR title which should contain the basic information of the PR
• There are break changes you can see below

[LinuxSuRen]

@LinuxSuRen how can i fix this Build issue?

It might be problem of GitHub actions itself.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Aditya-132]

Thanks for bringing the tailwind. But you need to pay attention the following things:

• Please provide a meaningful PR title which should contain the basic information of the PR
• There are break changes you can see below

PR Title remained default sorry for that mistake
APP.vue changes will be covered in nest PR as it is complex to keep same UI it will require Time