C R M Dashboard - Copy this Angular, Tailwind Component to your project

modifier ce codant en mettant une menu pliant:<div class="h-svh fixed w-svw bg-gray-200"> <div class=" h-10 items-center justify-center flex "> <form class="max-w-4xl mx-16 my-0 rounded-b "> <!-- <mat-form-field class="h-12 ">--> <input matInput placeholder="rechercher iBank" class="h-6 my-2 rounded-sm border-b outline-0 py-2 px-3 w-72 text-sm text-gray-500" > <mat-icon matSuffix class="-mx-6 fixed my-2.5 text-sm text-gray-400 " >search</mat-icon> <!-- </mat-form-field>--> </form> <div> <button mat-icon-button class="h-6 w-6 my-2 mx-2 rounded-full bg-white text-gray-500"> <mat-icon class="mx-40">notifications</mat-icon> </button> <button mat-icon-button class="h-6 w-6 my-2 rounded-full bg-white text-gray-500"> <mat-icon class="mx-44">account_circle</mat-icon> </button> </div> </div> <div class="flex h-full fixed w-full" > <div class=" w-16"> lateral </div> <div class="bg-white w-full h-lvh rounded"> center </div> </div> </div>