ordering in alphabetical order

Author: KittyJose

packages/tdb-dashboard/src/components/DatabaseList.js

@@ -1,6 +1,6 @@
 import React, {useState} from "react"
 import {WOQLClientObj} from '../init-woql-client'
-import {MenuItem, SubMenu} from 'react-pro-sidebar'
+import {MenuItem, SubMenu, Sidebar} from 'react-pro-sidebar'
 import 'react-pro-sidebar/dist/css/styles.css'
 import {SearchBox} from "./SearchBox"
 import {useNavigate} from "react-router-dom"
@@ -41,7 +41,7 @@ export const DataProductItems = (props) => {
 
     return <React.Fragment>
             <SubMenu title="Data Products" 
-                className="menu-title"
+                className="menu-title "
                 defaultOpen={sidebarStateObj.sidebarDataProductListState}
                 onOpenChange={(e) => saveSidebarState("sidebarDataProductListState",e)}
                 >

packages/tdb-dashboard/src/pages/ChangeRequests.js

@@ -133,7 +133,7 @@ export const ChangeRequests = () => {
 			case REJECTED: 
 				return <Badge bg="danger text-dark mr-4" >{REJECTED}</Badge>
 			case MERGED : 
-				return <Badge bg="success text-dark mr-4" onClick={()=>goToDiffPage(item)}>View Approved Diff</Badge>
+				return <Button className="bg-success text-dark mr-4 btn btn-sm" onClick={()=>goToDiffPage(item)}>View Approved Diff</Button>
 		}
 
 	}