TheTheme has Navbar UserMenu malformed HTML

[ethankershaw]

Describe the bug

TheTheme's Navbar seems to have the light/dark theme toggle and a user menu by default. The HTML for the user menu portion is malformed as an li inside of an li.

                    <li class="nav-item">

                    <li class="nav-item dropdown text-end">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
                            <i class="fa-solid fa-user fa-fw" aria-hidden="true"></i> admin
                        </a>

                        <ul class="dropdown-menu dropdown-menu-end">
                            <li>
                                <a class="dropdown-item" href="/Admin">
                                    <i class="fa fa-desktop fa-fw" aria-hidden="true"></i> Dashboard
                                </a>
                            </li>


                            <li>
                                <a class="dropdown-item" href="/Admin/Users/Edit?returnUrl=%2F">
                                    <i class="far fa-address-card" aria-hidden="true"></i> Profile
                                </a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="/ChangePassword?returnUrl=%2F">
                                    <i class="fa-solid fa-key" aria-hidden="true"></i> Change password
                                </a>
                            </li>
                            <li>
                                <form method="post" class="no-multisubmit" action="/Users/LogOff">
                                    <button type="submit" class="dropdown-item">
                                        <i class="fa-solid fa-sign-out-alt" aria-hidden="true"></i> Log off
                                    </button>
                                    <input name="__RequestVerificationToken" type="hidden"
                                        value="..." />
                                </form>
                            </li>

                        </ul>
                    </li>

                    </li>

To Reproduce

Steps to reproduce the behavior:

1. Create a new site using SaaS template
2. Log in as user created in setup
3. Go to homepage and observe the page source is as above.

Expected behavior

I believe this is a matter of the shape needing a wrapper cleared, but I'm still learning my way with Shapes.

Screenshots

[hishamco]

/cc @MikeAlhayek