Add styling for buttons div

Author: jamiebenstead

src/assets/stylesheets/Sidebar.scss

@@ -131,6 +131,12 @@
   scrollbar-width: thin;
 }
 
+.sidebar__panel-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: $space-1;
+}
+
 .sidebar__panel-footer {
   border-block-start: 1px solid $rpf-grey-150;
   inset-block-end: 0px;

src/components/Menus/Sidebar/SidebarPanel.jsx

@@ -22,7 +22,7 @@ const SidebarPanel = (props) => {
       <div className="sidebar__panel-header">
         <h2 className="sidebar__panel-heading">{heading}</h2>
         {buttons?.length > 0 && (
-          <div>
+          <div className="sidebar__panel-buttons">
             {buttons.map((btn, i) => (
               <DesignSystemButton key={i} {...btn} />
             ))}