✨ feat(control-center/page): add bottom-buttons prop to add page-bottom buttons easily

also, no need for widgets, you just use a jsobject to create a button inside the prop array

ags/style/_control-center.scss

@@ -121,7 +121,7 @@
     & .sub-header {
       font-size: 14px;
       font-weight: 500;
-      margin-bottom: 6px;
+      margin-bottom: 4px;
     }
 
     & button {
@@ -135,6 +135,19 @@
       }
     }
 
+    & .bottom-buttons button {
+      & label.title {
+        font-size: 14px;
+        font-weight: 500;
+      }
+      & label.description {
+        font-size: 10px;
+        margin-top: -1px;
+        font-weight: 400;
+        color: colors.$fg-disabled;
+      }
+    }
+
     & .extra-buttons {
       margin-left: 2px;
       & > button {
@@ -251,10 +264,6 @@ box.history {
       button.connected {
         background: colors.$bg-tertiary;
       }
-
-      &.paired {
-        margin-bottom: 20px;
-      }
     }
   }