add stop button

src/components/AnnotationControls/AnnotationControls.css

@@ -1,10 +1,10 @@
-.input-group{
+.input-group {
     display: flex;
     flex-direction: row;
     padding: 0 4px;
-} 
+}
 
-.video-slider{
+.video-slider {
     width: 100%;
     margin: 12px 20px;
 }
@@ -21,6 +21,9 @@
 }
 
 .control-btn {
+    display: flex;
+    align-items: center;
+    gap: 4px;
     padding: 10px 20px;
     font-size: 16px;
     margin: 0 5px;
@@ -29,22 +32,26 @@
     cursor: pointer;
 }
 
-.play-btn{
+.play-btn {
     background: #8aff8a;
 }
 
-.pause-btn{
+.pause-btn {
     background: #ff8a8a;
 }
 
-.arrow-btn{
+.arrow-btn {
     background: #e0e0e0;
 }
 
-.save-btn{
+.stop-btn {
+    background: #e8a1a5;
+}
+
+.save-btn {
     background: #8ad4ff;
 }
 
-.delete-btn{
+.delete-btn {
     background: #ffb38a;
 }