add sitekey helper in list sitekey page

templates/panel/header/taskbar/index.html

@@ -1,14 +1,7 @@
 <ul class="taskbar">
-  <!--
-        <li class="taskbar__action">Brand Name</li>
-        -->
   <li class="taskbar__spacer"></li>
   <li class="taskbar__action">
-    <a class="taskbar__link" href="<.= crate::PAGES.panel.sitekey.add .>">
-      <button class="taskbar__add-site">
-        + New Site
-      </button>
-    </a>
+    <. include!("./new-sitekey-btn.html"); .>
   </li>
   <li class="taskbar__action">
     <img class="taskbar__icon" src="<.=
@@ -23,7 +16,6 @@
       alt="Notifications" />
     </a>
   </li>
-
   <li class="taskbar__action">
     <a href="<.= crate::V1_API_ROUTES.auth.logout .>">
       <img class="taskbar__icon" src="<.=

templates/panel/header/taskbar/new-sitekey-btn.html

@@ -0,0 +1,5 @@
+<a class="taskbar__link" href="<.= crate::PAGES.panel.sitekey.add .>">
+  <button class="taskbar__add-site">
+    + New Site
+  </button>
+</a>

templates/panel/index.html

@@ -11,16 +11,8 @@ include!("./navbar/index.html"); .>
     <. include!("./help-banner/index.html"); .>
     <div class="inner-container">
       <. if sitekeys.is_empty() { .>
-      <ul class="sitekey-list__box">
-        <p>
-          It looks like you don't have any sitekeys. Click
-          <a href="<.= crate::PAGES.panel.sitekey.add .>">here</a> to add new
-          sitekey.
-        </p>
-      </ul>
-
+        <. include!("./sitekey/list/empty-sitekey.html"); .>
       <.} else {.>
-
       <table class="sitekey__table">
         <thead class="sitekey__table-heading">
           <tr>
@@ -62,7 +54,6 @@ include!("./navbar/index.html"); .>
           <. } .>
         </tbody>
       </table>
-
       <.}.>
     </div>
     <. include!("../components/footers.html"); .>

templates/panel/sitekey/list/empty-sitekey.html

@@ -0,0 +1,6 @@
+<ul class="sitekey-list__box">
+  <p>
+    It looks like you don't have any sitekeys. Click <.
+    include!("../../header/taskbar/new-sitekey-btn.html"); .> to add new sitekey.
+  </p>
+</ul>

templates/panel/sitekey/list/index.html

@@ -12,6 +12,9 @@ include!("../../navbar/index.html"); .>
     <!-- Main content container -->
     <div class="inner-container">
       <!-- Main menu/ important actions roaster -->
+      <. if sitekeys.is_empty() { .>
+        <. include!("./empty-sitekey.html"); .>
+      <.} else {.>
         <table class="sitekey__table">
           <thead class="sitekey__table-heading">
             <tr>
@@ -53,6 +56,7 @@ include!("../../navbar/index.html"); .>
             <. } .>
           </tbody>
         </table>
+      <.}.>
     </div>
     <!-- end of container -->
     <. include!("../../../components/footers.html"); .>