Added the remaining sections

src/taskpane/components/App.tsx

@@ -68,7 +68,7 @@ const useStyles = makeStyles({
     alignItems: "center",
   },
   section: {
-    marginBottom: "4px",
+    marginBottom: "6px",
     padding: "12px",
     borderRadius: "8px",
     backgroundColor: tokens.colorNeutralBackground2,
@@ -146,12 +146,30 @@ const App: React.FC<AppProps> = () => {
       <div className={styles.root} data-theme={theme}>
         <div className={styles.section}>
           <Subtitle1 block className={styles.sectionTitle}>
-            Shape Tools
+            Content
           </Subtitle1>
           <MatchSizes />
           <div style={{ marginTop: "8px" }}></div>
           <MatchProperties />
         </div>
+
+        <div className={styles.section}>
+          <Subtitle1 block className={styles.sectionTitle}>
+            Progress Bar
+          </Subtitle1>
+        </div>
+
+        <div className={styles.section}>
+          <Subtitle1 block className={styles.sectionTitle}>
+            Confidential
+          </Subtitle1>
+        </div>
+
+        <div className={styles.section}>
+          <Subtitle1 block className={styles.sectionTitle}>
+            Alignment
+          </Subtitle1>
+        </div>
         
         {/* Status message area at the bottom */}
         {isProcessing && (