Added wrapper functions for draft, progress bar and change icon for remove confidential.

src/taskpane/components/App.tsx

@@ -7,6 +7,10 @@ import SwapPositions from "./SwapPositions";
 import InsertTitles from "./InsertTitles";
 import AddConfidential from "./AddConfidential";
 import RemoveConfidential from "./RemoveConfidential";
+import AddDraft from "./AddDraft";
+import RemoveDraft from "./RemoveDraft";
+import AddProgressBar from "./AddProgressBar";
+import RemoveProgressBar from "./RemoveProgressBar";
 import { makeStyles, Text, Subtitle1, tokens, Theme, Spinner } from "@fluentui/react-components";
 import { ShapeUnionRegular, SquareRegular, InfoRegular } from "@fluentui/react-icons";
 
@@ -168,15 +172,22 @@ const App: React.FC<AppProps> = () => {
           <Subtitle1 block className={styles.sectionTitle}>
             Progress Bar
           </Subtitle1>
+          <AddProgressBar />
+          <div style={{ marginTop: "8px" }}></div>
+          <RemoveProgressBar />
         </div>
 
         <div className={styles.section}>
           <Subtitle1 block className={styles.sectionTitle}>
-            Confidential
+            Watermarks
           </Subtitle1>
           <AddConfidential />
           <div style={{ marginTop: "8px" }}></div>
           <RemoveConfidential />
+          <div style={{ marginTop: "8px" }}></div>
+          <AddDraft />
+          <div style={{ marginTop: "8px" }}></div>
+          <RemoveDraft />
         </div>
 
         <div className={styles.section}>