Initial version of add and remove progress bar.

src/taskpane/components/App.tsx

@@ -7,8 +7,7 @@ import SwapPositions from "./SwapPositions";
 import InsertTitles from "./InsertTitles";
 import ConfidentialButtons from "./ConfidentialButtons";
 import DraftButtons from "./DraftButtons";
-import AddProgressBar from "./AddProgressBar";
-import RemoveProgressBar from "./RemoveProgressBar";
+import ProgressBarButtons from "./ProgressBarButtons";
 import AlignmentButtons from "./AlignmentButtons";
 import { makeStyles, Text, Subtitle1, tokens, Theme, Spinner } from "@fluentui/react-components";
 import { ShapeUnionRegular, SquareRegular, InfoRegular } from "@fluentui/react-icons";
@@ -171,9 +170,7 @@ const App: React.FC<AppProps> = () => {
           <Subtitle1 block className={styles.sectionTitle}>
             Progress Bar
           </Subtitle1>
-          <AddProgressBar />
-          <div style={{ marginTop: "8px" }}></div>
-          <RemoveProgressBar />
+          <ProgressBarButtons />
         </div>
 
         <div className={styles.section}>