// Handle Scaffolding icons navigation here (manual navigation)
  // React.useEffect(() => {
  //   if (navigationIndex !== null) {
  //     const view1 = [1, 2, 3];
  //     const view2 = [4, 5, 6];
  //     const view3 = [7, 8, 9];
  //     const view4 = [10, 11, 12];
  //     if (view1.includes(navigationIndex)) {
  //       setIconNum1(0);
  //       setIconNum2(3);
  //     } else if (view2.includes(navigationIndex)) {
  //       setIconNum1(3);
  //       setIconNum2(6);
  //     } else if (view3.includes(navigationIndex)) {
  //       setIconNum1(6);
  //       setIconNum2(9);
  //     } else if (view4.includes(navigationIndex)) {
  //       if (willTypeID === 2) {
  //         // Guardianship Will
  //         setIconNum1(7);
  //         setIconNum2(10);
  //       } else {
  //         // All other wills
  //         setIconNum1(8);
  //         setIconNum2(11);
  //       }
  //     }
  //   }
  // }, [navigationIndex, iconNum2, iconNum1]);