diff --git a/apps/templates/includes/navigation.html b/apps/templates/includes/navigation.html
index 7724a48..8603e21 100644
--- a/apps/templates/includes/navigation.html
+++ b/apps/templates/includes/navigation.html
@@ -1,221 +1,143 @@
 <div class="header navbar">
     <div class="header-container">
-      <ul class="nav-left">
-        <li>
-          <a id='sidebar-toggle' class="sidebar-toggle" href="javascript:void(0);">
-            <i class="ti-menu"></i>
-          </a>
-        </li>
-        <li class="search-box">
-          <a class="search-toggle no-pdd-right" href="javascript:void(0);">
-            <i class="search-icon ti-search pdd-right-10"></i>
-            <i class="search-icon-close ti-close pdd-right-10"></i>
-          </a>
-        </li>
-        <li class="search-input">
-          <input class="form-control" type="text" placeholder="Search...">
-        </li>
-      </ul>
-      <ul class="nav-right">
-        <li class="notifications dropdown">
-          <span class="counter bgc-red">3</span>
-          <a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
-            <i class="ti-bell"></i>
-          </a>
+        <ul class="nav-left">
+            <li>
+                <a id='sidebar-toggle' class="sidebar-toggle" href="javascript:void(0);">
+                    <i class="ti-menu"></i>
+                </a>
+            </li>
+            <li class="search-box">
+                <a class="search-toggle no-pdd-right" href="javascript:void(0);">
+                    <i class="search-icon ti-search pdd-right-10"></i>
+                    <i class="search-icon-close ti-close pdd-right-10"></i>
+                </a>
+            </li>
+            <li class="search-input">
+                <input class="form-control" type="text" placeholder="Search...">
+            </li>
+        </ul>
+        <ul class="nav-right">
+            <li class="notifications dropdown">
+                <!-- <span class="counter bgc-red">3</span>  -->
+                <a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
+                    <i class="ti-bell"></i>
+                </a>
 
-          <ul class="dropdown-menu">
-            <li class="pX-20 pY-15 bdB">
-              <i class="ti-bell pR-10"></i>
-              <span class="fsz-sm fw-600 c-grey-900">Notifications</span>
-            </li>
-            <li>
-              <ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
-                <li>
-                  <a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
-                    <div class="peer mR-15">
-                      <img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/1.jpg" alt="">
-                    </div>
-                    <div class="peer peer-greed">
-                      <span>
-                        <span class="fw-500">John Doe</span>
-                        <span class="c-grey-600">liked your <span class="text-dark">post</span>
+                <ul class="dropdown-menu">
+                    <li class="pX-20 pY-15 bdB">
+                        <i class="ti-bell pR-10"></i>
+                        <span class="fsz-sm fw-600 c-grey-900">Notifications</span>
+                    </li>
+                    <li>
+                        <ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
+                            <!-- <li>
+                                <a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
+                                    <div class="peer mR-15">
+                                        <img class="w-3r bdrs-50p" src="{{ ASSETS_ROOT }}/images/defaultuser.webp" alt="">
+                                    </div>
+                                    <div class="peer peer-greed">
+                                        <span>
+                                            <span class="fw-500">John Doe</span>
+                                                <span class="c-grey-600">liked your <span class="text-dark">post</span>
+                                            </span>
+                                        </span>
+                                        <p class="m-0">
+                                            <small class="fsz-xs">5 mins ago</small>
+                                        </p>
+                                    </div>
+                                </a>
+                            </li> -->
+                        </ul>
+                    </li>
+                    <li class="pX-20 pY-15 ta-c bdT">
+                        <span>
+                            <a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
                         </span>
-                      </span>
-                      <p class="m-0">
-                        <small class="fsz-xs">5 mins ago</small>
-                      </p>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
-                    <div class="peer mR-15">
-                      <img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/2.jpg" alt="">
-                    </div>
-                    <div class="peer peer-greed">
-                      <span>
-                        <span class="fw-500">Moo Doe</span>
-                        <span class="c-grey-600">liked your <span class="text-dark">cover image</span>
-                        </span>
-                      </span>
-                      <p class="m-0">
-                        <small class="fsz-xs">7 mins ago</small>
-                      </p>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
-                    <div class="peer mR-15">
-                      <img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/3.jpg" alt="">
-                    </div>
-                    <div class="peer peer-greed">
-                      <span>
-                        <span class="fw-500">Lee Doe</span>
-                        <span class="c-grey-600">commented on your <span class="text-dark">video</span>
-                        </span>
-                      </span>
-                      <p class="m-0">
-                        <small class="fsz-xs">10 mins ago</small>
-                      </p>
-                    </div>
-                  </a>
-                </li>
-              </ul>
+                    </li>
+                </ul>
             </li>
-            <li class="pX-20 pY-15 ta-c bdT">
-              <span>
-                <a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Notifications <i class="ti-angle-right fsz-xs mL-10"></i></a>
-              </span>
-            </li>
-          </ul>
-        </li>
-        <li class="notifications dropdown">
-          <span class="counter bgc-blue">3</span>
-          <a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
-            <i class="ti-email"></i>
-          </a>
+            <li class="notifications dropdown">
+                <!-- <span class="counter bgc-blue">1</span> -->
+                <a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">
+                    <i class="ti-ticket"></i>
+                </a>
 
-          <ul class="dropdown-menu">
-            <li class="pX-20 pY-15 bdB">
-              <i class="ti-email pR-10"></i>
-              <span class="fsz-sm fw-600 c-grey-900">Emails</span>
-            </li>
-            <li>
-              <ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
-                <li>
-                  <a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
-                    <div class="peer mR-15">
-                      <img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/1.jpg" alt="">
-                    </div>
-                    <div class="peer peer-greed">
-                      <div>
-                        <div class="peers jc-sb fxw-nw mB-5">
-                          <div class="peer">
-                            <p class="fw-500 mB-0">John Doe</p>
-                          </div>
-                          <div class="peer">
-                            <small class="fsz-xs">5 mins ago</small>
-                          </div>
-                        </div>
-                        <span class="c-grey-600 fsz-sm">
-                          Want to create your own customized data generator for your app...
+                <ul class="dropdown-menu">
+                    <li class="pX-20 pY-15 bdB">
+                        <i class="ti-ticket pR-10"></i>
+                        <span class="fsz-sm fw-600 c-grey-900">Tickets</span>
+                    </li>
+                    <li>
+                        <ul class="ovY-a pos-r scrollable lis-n p-0 m-0 fsz-sm">
+                            <!-- <li>
+                                <a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
+                                    <div class="peer mR-15">
+                                        <img class="w-3r bdrs-50p" src="{{ ASSETS_ROOT }}/images/defaultuser.webp" alt="">
+                                    </div>
+                                    <div class="peer peer-greed">
+                                        <div>
+                                            <div class="peers jc-sb fxw-nw mB-5">
+                                                <div class="peer">
+                                                    <p class="fw-500 mB-0">John Doe</p>
+                                                </div>
+                                                <div class="peer">
+                                                    <small class="fsz-xs">5 mins ago</small>
+                                                </div>
+                                            </div>
+                                            <span class="c-grey-600 fsz-sm">
+                                                Want to create your own customized data generator for your app...
+                                            </span>
+                                        </div>
+                                    </div>
+                                </a>
+                            </li> -->
+                        </ul>
+                    </li>
+                    <li class="pX-20 pY-15 ta-c bdT">
+                        <span>
+                            <a href="{% url 'tickets' %}" class="c-grey-600 cH-blue fsz-sm td-n">View All Tickets <i class="fs-xs ti-angle-right ms-10"></i></a>
                         </span>
-                      </div>
+                    </li>
+                </ul>
+            </li>
+            <li class="dropdown">
+                <a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" data-bs-toggle="dropdown">
+                    <div class="peer mR-10">
+                        <img class="w-2r h-2r bdrs-50p" src="{{ request.user.icon.url }}" style="object-fit: cover;" alt="">
                     </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
-                    <div class="peer mR-15">
-                      <img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/2.jpg" alt="">
+                    <div class="peer">
+                        <span class="fsz-sm c-grey-900">{{ request.user.formal_fullname }}</span>
                     </div>
-                    <div class="peer peer-greed">
-                      <div>
-                        <div class="peers jc-sb fxw-nw mB-5">
-                          <div class="peer">
-                            <p class="fw-500 mB-0">Moo Doe</p>
-                          </div>
-                          <div class="peer">
-                            <small class="fsz-xs">15 mins ago</small>
-                          </div>
-                        </div>
-                        <span class="c-grey-600 fsz-sm">
-                          Want to create your own customized data generator for your app...
-                        </span>
-                      </div>
-                    </div>
-                  </a>
-                </li>
-                <li>
-                  <a href="" class='peers fxw-nw td-n p-20 bdB c-grey-800 cH-blue bgcH-grey-100'>
-                    <div class="peer mR-15">
-                      <img class="w-3r bdrs-50p" src="https://randomuser.me/api/portraits/men/3.jpg" alt="">
-                    </div>
-                    <div class="peer peer-greed">
-                      <div>
-                        <div class="peers jc-sb fxw-nw mB-5">
-                          <div class="peer">
-                            <p class="fw-500 mB-0">Lee Doe</p>
-                          </div>
-                          <div class="peer">
-                            <small class="fsz-xs">25 mins ago</small>
-                          </div>
-                        </div>
-                        <span class="c-grey-600 fsz-sm">
-                          Want to create your own customized data generator for your app...
-                        </span>
-                      </div>
-                    </div>
-                  </a>
-                </li>
-              </ul>
+                </a>
+                <ul class="dropdown-menu fsz-sm">
+                    <li>
+                        <a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
+                            <i class="ti-settings mR-10"></i>
+                            <span>Setting</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="{% url 'profile' %}" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
+                            <i class="ti-user mR-10"></i>
+                            <span>Profile</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
+                            <i class="ti-email mR-10"></i>
+                            <span>Messages</span>
+                        </a>
+                    </li>
+                    <li role="separator" class="divider"></li>
+                    <li>
+                        <a href="{% url 'logout' %}" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
+                            <i class="ti-power-off mR-10"></i>
+                            <span>Logout</span>
+                        </a>
+                    </li>
+                </ul>
             </li>
-            <li class="pX-20 pY-15 ta-c bdT">
-              <span>
-                <a href="email.html" class="c-grey-600 cH-blue fsz-sm td-n">View All Email <i class="fs-xs ti-angle-right ms-10"></i></a>
-              </span>
-            </li>
-          </ul>
-        </li>
-        <li class="dropdown">
-          <a href="" class="dropdown-toggle no-after peers fxw-nw ai-c lh-1" data-bs-toggle="dropdown">
-            <div class="peer mR-10">
-              <img class="w-2r bdrs-50p" src="{{ request.user.icon.url }}" alt="">
-            </div>
-            <div class="peer">
-              <span class="fsz-sm c-grey-900">{{ request.user.formal_fullname }}</span>
-            </div>
-          </a>
-          <ul class="dropdown-menu fsz-sm">
-            <li>
-              <a href="" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
-                <i class="ti-settings mR-10"></i>
-                <span>Setting</span>
-              </a>
-            </li>
-            <li>
-              <a href="{% url 'profile' %}" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
-                <i class="ti-user mR-10"></i>
-                <span>Profile</span>
-              </a>
-            </li>
-            <li>
-              <a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
-                <i class="ti-email mR-10"></i>
-                <span>Messages</span>
-              </a>
-            </li>
-            <li role="separator" class="divider"></li>
-            <li>
-              <a href="{% url 'logout' %}" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
-                <i class="ti-power-off mR-10"></i>
-                <span>Logout</span>
-              </a>
-            </li>
-          </ul>
-        </li>
-      </ul>
+        </ul>
     </div>
-  </div>
+</div>
   
\ No newline at end of file