fix: semantics in root.tsx

[iammahmads]

Description of Change

I have seen that there is kept special care of using semantics in overall app. I think we should also use these semantics in out root.tsx file where the previous semantics were

<div>
        <header></header>
        <main></main>
        <footer></footer>
</div>

The new semantics remove the top-level div and the result is following while preserving the style present in top-level div by using that style inside main and footer i.e

<header></header>
<main></main>
<footer></footer>

Checklist

• This PR was not created with AI. (PRs created mainly with AI will be closed. They waste our team's time. We ban repeat offenders.)