refactor(routeList): refs #6971 moved button to subtoolbar + same functionality as other subtoolbar items

src/pages/Route/RouteList.vue

@@ -255,6 +255,15 @@ const markAsServed = () => {
                 >
                     <QTooltip>{{ t('Mark as served') }}</QTooltip>
                 </QBtn>
+                <RouterLink :to="{ name: 'RouteCreate' }">
+                    <QBtn
+                        icon="add"
+                        color="primary" 
+                        :disable="!selectedRows?.length"
+                        @click="{ navigate }"
+                    />
+                    <QTooltip>{{ t('newRoute') }}</QTooltip>
+                </RouterLink>
             </template>
         </VnSubToolbar>
         <div class="route-list">
@@ -494,12 +503,6 @@ const markAsServed = () => {
             </VnPaginate>
         </div>
         <QPageSticky :offset="[20, 20]">
-            <RouterLink :to="{ name: 'RouteCreate' }">
-                <QBtn fab icon="add" color="primary" />
-                <QTooltip>
-                    {{ t('newRoute') }}
-                </QTooltip>
-            </RouterLink>
         </QPageSticky>
     </QPage>
 </template>