Admin-Template | Tailwind CSS Starter Template - Admin Dashboard Template

I have the below JSON data and these are attendance details for the few last days:

After applying transform property to a container, it gives an extra padding in the bottom

I want to bring a principle of keywords to my project. I am using a bootstrap template for this one. However the template only allows tags with one word. Example:

The separation is done automatically by clicking on the space bar. However, I would like to allow several words, so create the separator with 2 spaces (It may not be the best way, I listen to your suggestions). This is a site related to the school environment, so the user can enter a program name with 2 words, currently I am able to do it with a / (without having touched the code)

I don't have a lot of code to give you other than this:

When a user is authenticated, I can refresh the page and access all the routes through the website or by entering/refreshing the URL. However, when the user is unauthenticated, although the routing through the website works well, refreshing the URL even on plain route pages (non-private) redirects me to index (main page).

I have used this as the template of my react app and this for adding authentication to my react app. I have tried these two guides seperately and both work well but somehow in my react app their combination leads to the issue I described above.

Below is the code for my app routes:

Expected: https://i.stack.imgur.com/UBElC.png

Actual: https://i.stack.imgur.com/UbIcA.png

Why is the reason this happen ? the most I can think of there's something there is a styling that overrides SyncFusion styling or my Angular version is not compatible ?

Coding:

schedule.HTML

I'm building a ASP.NET Web App with Entity Framework and I'm stuck in the nav-tabs, as I can't straighten them horizontally along the width of the window. Other divs keep blocking the way. I tried to use many
's and I managed to bring the dives down but the nav-tab still doesn't come to position. I have attached the snippet but i guess there must be mistake that I'm not able to make it look like what I'm seeing on my machine. Can you edit it to make it look better and answer the question please?

typescript error occured while converting a react project to typescript.

I've a base.html file which has vertical and horizontal menu-bar:

Wherever I want to use that I just simply write:

I had this error when I run Yarn on my angular project