Re-organisation of Draft and Confidential code

src/taskpane/components/App.tsx

@@ -5,10 +5,8 @@ import MatchProperties from "./MatchProperties";
 import RoundImage from "./RoundImage";
 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 ConfidentialButtons from "./ConfidentialButtons";
+import DraftButtons from "./DraftButtons";
 import AddProgressBar from "./AddProgressBar";
 import RemoveProgressBar from "./RemoveProgressBar";
 import AlignmentButtons from "./AlignmentButtons";
@@ -182,13 +180,9 @@ const App: React.FC<AppProps> = () => {
           <Subtitle1 block className={styles.sectionTitle}>
             Watermarks
           </Subtitle1>
-          <AddConfidential />
+          <ConfidentialButtons />
           <div style={{ marginTop: "8px" }}></div>
-          <RemoveConfidential />
-          <div style={{ marginTop: "8px" }}></div>
-          <AddDraft />
-          <div style={{ marginTop: "8px" }}></div>
-          <RemoveDraft />
+          <DraftButtons />
         </div>
 
         <div className={styles.section}>