moving categories above html description

server/dashboards/preconfigured/MBF.Advanced.Analytics.ts

@@ -9,8 +9,8 @@ export const config: IDashboardConfig = /*return*/ {
   url: "mbf_advanced_analytics",
   description: "Bot Framework Advanced Analytics Dashboard",
   preview: "/images/default.png",
-  html: `POC - Additional info will be added in the future`,
   category: 'Bots - Advanced',
+  html: `POC - Additional info will be added in the future`,
   config: {
     connections: { },
     layout: {

server/dashboards/preconfigured/MBF.Advanced.Health.ts

@@ -9,8 +9,8 @@ export const config: IDashboardConfig = /*return*/ {
   url: "mbf_advanced_health",
   description: "Bot Framework Advanced Health Dashboard",
   preview: "/images/default.png",
-  html: `POC - Additional info will be added in the future`,
   category: 'Bots - Advanced',
+  html: `POC - Additional info will be added in the future`,
   config: {
     connections: { },
     layout: {

server/dashboards/preconfigured/azure.ts

@@ -9,6 +9,7 @@ export const config: IDashboardConfig = /*return*/ {
   url: "azure_sample",
   description: "A basic azure ARM sample",
   preview: "/images/azure.png",
+  category: 'Samples',
   html: `
     <div>
       A basic sample to show how to get resources from 
@@ -16,7 +17,6 @@ export const config: IDashboardConfig = /*return*/ {
       (Azure) and display them on a dashboard
     </div>
   `,
-  category: 'Samples',
   config: {
     connections: { },
     layout: {

server/dashboards/preconfigured/bot-framework-inst.ts

@@ -9,6 +9,7 @@ export const config: IDashboardConfig = /*return*/ {
   url: "bot_analytics_inst",
   description: 'Microsoft Bot Framework based analytics',
   preview: '/images/bot-ai-cs.png',
+  category: 'Bots',
 	html: `
     <div>
       This dashboard is built to view events sent by Microsoft Bot Framework based bot.
@@ -30,7 +31,6 @@ export const config: IDashboardConfig = /*return*/ {
       </p>
     </div>
   `,
-  category: 'Bots',
 	config: {
 		connections: { },
 		layout: {

server/dashboards/preconfigured/bot-framework.ts

@@ -9,6 +9,7 @@ export const config: IDashboardConfig = /*return*/ {
   url: "bot_analytics_dashboard",
   description: 'Microsoft Bot Framework based analytics',
   preview: '/images/bot-ai-base.png',
+  category: 'Bots',
 	html: `
     <div>
       This dashboard is built to view the events being sent by the Bot Framework sent for a registered bot.
@@ -35,7 +36,6 @@ export const config: IDashboardConfig = /*return*/ {
       </p>
     </div>
   `,
-  category: 'Bots',
   config: {
 		connections: { },
 		layout: {

server/dashboards/preconfigured/cosmosdb-handoff.ts

@@ -9,6 +9,7 @@ export const config: IDashboardConfig = /*return*/ {
   url: 'cosmosdb_handoff',
   description: 'Monitor bot and hand-off to human conversations',
   preview: '/images/default.png',
+  category: 'Bots - Advanced',
   html: `
     <div>
       This dashboard displays the status for a bot-to-human handoff system.
@@ -43,7 +44,6 @@ export const config: IDashboardConfig = /*return*/ {
       </p>
     </div>
   `,
-  category: 'Bots - Advanced',
   config: {
     connections: {
       'bot-framework': {

server/dashboards/preconfigured/qna.dashboard.ts

@@ -9,6 +9,7 @@ export const config: IDashboardConfig = /*return*/ {
 	url: "qna",
 	description: "Sample QnA Maker dashboard",
 	preview: "/images/default.png",
+  category: 'Bots - Advanced',
 	html: `
     <div>
       <p>Displays <a href="https://qnamaker.ai" target="_blank">QnA Maker service</a> usage metrics.</p> 
@@ -38,7 +39,6 @@ export const config: IDashboardConfig = /*return*/ {
       </p>
     </div>
   `,
-  category: 'Bots - Advanced',
 	config: {
 		connections: {},
 		layout: {

server/dashboards/preconfigured/sample.ts

@@ -9,13 +9,13 @@ export const config: IDashboardConfig = /*return*/ {
   url: "basic_sample",
   description: "A basic sample to understand a basic dashboard",
   preview: "/images/sample.png",
+  category: 'Samples',
   html: `
     <div>
       This is a basic sample dashboard, with JSON based sample data source, to show how data from different data sources
       can be manipulated and connected to visual components.
     </div>
   `,
-  category: 'Samples',
   config: {
     connections: {},
     layout: {