Merge pull request #334 from allen-cell-animated/fix/timepoint-denominator

- Timepoint denominator now matches maximum slider value.
- Sorted imports.
- Copied a change from #324 which fixes a rendering bug in the slider.

Author: ShrimpCryptid

src/aics-image-viewer/assets/styles/noui-slider-override.css

@@ -2,7 +2,7 @@
 
 %axis-override {
   /*slider settings*/
-  .noUi-handle {
+  .noUi-horizontal .noUi-handle {
     box-shadow: none;
     cursor: pointer;
     pointer-events: inherit;

src/aics-image-viewer/components/AxisClipSliders/index.tsx

@@ -1,18 +1,18 @@
-import React, { useCallback, useEffect, useState } from "react";
-import { Button, Tooltip } from "antd";
-import { CaretRightOutlined, PauseOutlined } from "@ant-design/icons";
 import { Volume } from "@aics/volume-viewer";
+import { CaretRightOutlined, PauseOutlined } from "@ant-design/icons";
+import { Button, Tooltip } from "antd";
+import React, { useCallback, useEffect, useState } from "react";
+
+import { ViewMode } from "../../shared/enums";
+import { activeAxisMap, AxisName, PerAxis } from "../../shared/types";
+import PlayControls from "../../shared/utils/playControls";
+import { ViewerSettingUpdater } from "../ViewerStateProvider/types";
 
 import NumericInput from "../shared/NumericInput";
 import SmarterSlider from "../shared/SmarterSlider";
 
 import "./styles.css";
 
-import { ViewMode } from "../../shared/enums";
-import { ViewerSettingUpdater } from "../ViewerStateProvider/types";
-import { AxisName, PerAxis, activeAxisMap } from "../../shared/types";
-import PlayControls from "../../shared/utils/playControls";
-
 const AXES: AxisName[] = ["x", "y", "z"];
 
 type SliderRowProps = {
@@ -92,7 +92,7 @@ const SliderRow: React.FC<SliderRowProps> = ({
             </>
           )}
           {" / "}
-          {max}
+          {max - 1}
         </span>
       )}
     </span>