Add focus-outline mixin to global set

client/scss/components/_form-side.scss

@@ -2,7 +2,6 @@
 @use 'sass:map';
 @use 'sass:math';
 @use '../tools' as *;
-@use '../../src/components/CommentApp/main.scss' as *;
 
 .side-panel-open {
   @apply w-overflow-y-hidden sm:w-overflow-y-auto;

client/scss/components/_preview-panel.scss

@@ -1,5 +1,4 @@
 @use '../tools' as *;
-@use '../../src/components/CommentApp/main.scss' as *;
 
 .w-preview {
   --w-preview-background-color: var(--w-color-white);

client/scss/tools/_mixins.general.scss

@@ -169,3 +169,7 @@
     }
   }
 }
+
+@mixin focus-outline {
+  outline: $focus-outline-width solid theme('colors.focus');
+}

client/src/components/CommentApp/main.scss

@@ -1,4 +1,5 @@
 @use '../../../scss/settings/variables' as *;
+@use '../../../scss/tools' as *;
 
 $color-comment-separator: theme('colors.border-furniture');
 
@@ -10,10 +11,6 @@ $color-box-text: theme('colors.text-context');
 $box-border-radius: 5px;
 $box-padding: 20px;
 
-@mixin focus-outline {
-  outline: theme('colors.focus') solid 3px;
-}
-
 @mixin box {
   background-color: $color-box-background;
   padding: $box-padding;