POW App Sidebar Navigation

<div class="w-76 h-full bg-gray-200">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');</style>
  <div class="w-76 h-full bg-gray-200 border-r border-gray-300 overflow-y-auto" style="font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
    <div class="pt-10">
      <div class="flex justify-between items-center px-5 pb-5 mb-5">
        <div class="text-2xl font-bold">Logo</div>
        <div class="text-blue-500 text-base cursor-pointer hover:text-blue-600">Edit</div>
      </div>
      <div class="px-5 pb-3 text-base cursor-pointer hover:bg-gray-300 py-3">Dashboard</div>
      <div class="px-5 pb-3 text-base cursor-pointer bg-gray-300 text-blue-500 py-3">Children Profiles</div>
      <div class="px-5 pb-3 text-base cursor-pointer hover:bg-gray-300 py-3">Educators</div>
      <div class="px-5 pb-3 text-base cursor-pointer hover:bg-gray-300 py-3">Messages</div>
      <div class="mt-5 px-5 pb-2.5 text-sm text-gray-600">Child Profiles</div>
      <div class="flex items-center px-5 py-2.5 text-base cursor-pointer text-gray-800 hover:bg-gray-300">
        <span>Add Child</span>
      </div>
      <div class="mt-5 px-5 pb-2.5 text-sm text-gray-600">Paired Devices</div>
      <div class="flex items-center px-5 py-2.5 text-base cursor-pointer text-gray-800 hover:bg-gray-300">
        <span>Add Device</span>
      </div>
      <div class="mt-auto pt-10">
        <div class="px-5 pb-3 text-base cursor-pointer hover:bg-gray-300 py-3">Become an educator</div>
        <div class="px-5 pb-3 text-base cursor-pointer hover:bg-gray-300 py-3">FAQ</div>
        <div class="px-5 pb-3 text-base cursor-pointer hover:bg-gray-300 py-3">Support</div>
        <div class="px-5 pb-3 text-base cursor-pointer hover:bg-gray-300 py-3">Settings</div>
      </div>
    </div>
  </div>
</div>