Added swap position functionality

src/taskpane/components/App.tsx

@@ -3,6 +3,7 @@ import { useEffect, useState } from "react";
 import MatchSizes from "./MatchSizes";
 import MatchProperties from "./MatchProperties";
 import RoundImage from "./RoundImage";
+import SwapPositions from "./SwapPositions";
 import { makeStyles, Text, Subtitle1, tokens, Theme, Spinner } from "@fluentui/react-components";
 import { ShapeUnionRegular, SquareRegular, InfoRegular } from "@fluentui/react-icons";
 
@@ -154,6 +155,8 @@ const App: React.FC<AppProps> = () => {
           <MatchProperties />
           <div style={{ marginTop: "8px" }}></div>
           <RoundImage />
+          <div style={{ marginTop: "8px" }}></div>
+          <SwapPositions />
         </div>
 
         <div className={styles.section}>