طراحی منوی کشویی واکنش‌گرا با هاور و آیکون موبایل

برنامه ای بنویسید که یک منوی کشویی ایجاد کند که در حالت دسکتاپ با استفاده از ویژگی هاور (Hover) نمایش داده شود. در این حالت، کاربر با قرار دادن نشانگر ماوس بر روی منو، گزینه‌های زیرمجموعه را مشاهده خواهد کرد. در حالت موبایل، منو باید به صورت یک آیکون ☰ نمایش داده شود و با کلیک بر روی این آیکون، منو باز شود و گزینه‌های آن قابل مشاهده باشند. علاوه بر این، طراحی منو باید به گونه‌ای باشد که از قابلیت واکنشگرا (Responsive) پشتیبانی کند، به طوری که در اندازه‌های مختلف صفحه نمایش به درستی نمایش داده شود و تجربه کاربری مناسبی را فراهم کند.