ofile Start  -->
            <div class="grid grid-cols-1 gap-6 lg:grid-cols-4">
              <!-- Left Section Start  -->
              <section class="col-span-1 flex h-min w-full flex-col gap-6 lg:sticky lg:top-20">
                <!-- User Avatar & Status  -->
                <div class="card">
                  <div class="card-body flex flex-col items-center">
                    <div class="relative my-2 h-24 w-24 rounded-full">
                      <img
                        src="./images/avata