Responsive Hamburger Menu - Copy this Html, Tailwind Component to your project

Design a hamburger responsive and smooth and beautiful work on wall screen size <header> <h1>Welcome to National Pharmacy</h1> <nav> <ul class="flex space x 4"> <li><a href="{% url 'login' %}">Login</a></li> <li><a href="{% url 'branch_list' %}">Branches</a></li> <li><a href="{% url 'dashboard' 1 %}">Dashboard</a></li> <li><a href="{% url 'search_medicine' %}">Search Medicine</a></li> <li><a href="{% url 'current_inventory' %}">Inventory</a></li> <li><a href="{% url 'create_order' %}">Create Order</a></li> <li><a href="{% url 'order_detail' 1 %}">Order Detail</a></li> <li><a href="{% url 'medicine_search' 1 %}">Medicine Search</a></li> <li><a href="{% url 'profit_summary' %}">Profit Summary</a></li> </ul> </nav> </header>