[UPDT] HELPDESK: Updated helpdesk module by adding latest empty page style

helpdesk/templates/helpdesk/faq/faq_category_list.html

@@ -1,5 +1,6 @@
 {% load i18n static %}
 {% include 'filter_tags.html' %}
+{% if faq_categories %}
 <div class="oh-faq-cards">
     {% for category in faq_categories %}
     <div class="oh-faq-card" id="faqCategoryItem{{category.id}}">
@@ -71,32 +72,12 @@
             >{% trans "View FAQs" %}</a
         >
     </div>
-    {% empty %}
-    <div
-        style="
-            height: 70vh;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            position: relative;
-        "
-    >
-        <div class="oh-404">
-            <img
-                style="
-                    display: block;
-                    width: 150px;
-                    height: 150px;
-                    margin: 10px auto;
-                "
-                src="{% static 'images/ui/faq.png' %}"
-                class="mb-4"
-                alt=""
-            />
-            <h3 style="font-size: 20px" class="oh-404__subtitle">
-                {% trans "There are no FAQs at the moment." %}
-            </h3>
-        </div>
-    </div>
     {% endfor %}
 </div>
+{% else %}
+<div class="oh-empty">
+    <img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
+    <h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
+    <p class="oh-empty__subtitle">{% trans "There are no FAQs at the moment." %}</p>
+</div>
+{% endif %}