adding the animation icon

Author: PhillipsOwen

src/components/control-panel/control-panel.js

@@ -22,6 +22,7 @@ import {
   Tsunami as SwanIcon,
   Water as MaxElevationIcon,
   Waves as HIResMaxElevationIcon,
+  LocalMovies as AnimationIcon
 } from '@mui/icons-material';
 import { getBrandingHandler, getNamespacedEnvParam, getPreferredTimeZone} from "@utils/map-utils";
 import { getDefaultInstanceName } from "@components/config";
@@ -34,6 +35,7 @@ const layerIcons = {
   swan_HS_max63: <SwanIcon />,
   maxinundepth63: <MaxInundationIcon />,
   maxele_level_downscaled_epsg4326: <HIResMaxElevationIcon />,
+  ani  : <AnimationIcon/>
 };
 
 export const ControlPanel = () => {

src/context/map-context.js

@@ -9,6 +9,7 @@ import {
   BlurOn as WaterSurfaceIcon,
   Waves as HIResMaxElevationIcon,
   Flood as FloodIcon,
+  LocalMovies as AnimationIcon
 } from '@mui/icons-material';
 
 export const LayersContext = createContext({});
@@ -37,6 +38,9 @@ const layerTypes = {
   maxinundepth63: {
     icon: FloodIcon,
   },
+  ani: {
+    icon: AnimationIcon,
+  },
 };
 
 export const LayersProvider = ({ children }) => {
@@ -60,7 +64,7 @@ export const LayersProvider = ({ children }) => {
   const [showShareComment, setShowShareComment] = useState(true);
 
   // used to show alerts
-  const  [alertMsg, setAlertMsg] = useState(null);
+  const [alertMsg, setAlertMsg] = useState(null);
 
   // state to capture the default startup instance name
   const [defaultInstanceName, setDefaultInstanceName] = useState(null);