refactor(controls): use memo

src/additional-components/Controls/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { memo } from 'react';
 import cc from 'classcat';
 
 import { useStoreState, useStoreActions } from '../../store/hooks';
@@ -17,7 +17,8 @@ interface ControlProps extends React.HTMLAttributes<HTMLDivElement> {
   showInteractive?: boolean;
 }
 
-const Controls = ({ style, showZoom = true, showFitView = true, showInteractive = true, className }: ControlProps) => {
+const Controls = memo(
+  ({ style, showZoom = true, showFitView = true, showInteractive = true, className }: ControlProps) => {
     const setInteractive = useStoreActions((actions) => actions.setInteractive);
     const fitView = useStoreActions((actions) => actions.fitView);
     const zoomIn = useStoreActions((actions) => actions.zoomIn);
@@ -56,7 +57,8 @@ const Controls = ({ style, showZoom = true, showFitView = true, showInteractive
         )}
       </div>
     );
-};
+  }
+);
 
 Controls.displayName = 'Controls';