🐛 Fix typos in frontend

frontend/src/app/main/ui/shapes/custom_stroke.cljs

@@ -181,7 +181,7 @@
       [:& cap-markers {:shape shape
                        :render-id render-id}])))
 
-;; Outer alingmnent: display the shape in two layers. One
+;; Outer alignment: display the shape in two layers. One
 ;; without stroke (only fill), and another one only with stroke
 ;; at double width (transparent fill) and passed through a mask
 ;; that shows the whole shape, but hides the original shape

frontend/src/app/main/ui/shapes/embed.cljs

@@ -38,6 +38,6 @@
          #(when sub
             (rx/dispose! sub)))))
 
-    ;; Use ref so if the urls are cached will return inmediately instead of the
+    ;; Use ref so if the urls are cached will return immediately instead of the
     ;; next render
     (mf/ref-val uri-data)))

frontend/src/app/main/ui/shapes/mask.cljs

@@ -49,7 +49,7 @@
                        :in2 "SourceGraphic"
                        :operator "in"
                        :result "comp"}]]
-       ;; Clip path is necesary so the elements inside the mask won't affect
+       ;; Clip path is necessary so the elements inside the mask won't affect
        ;; the events outside. Clip hides the elements but mask doesn't (like display vs visibility)
        ;; we cannot use clips instead of mask because clips can only be simple shapes
        [:clipPath {:id (clip-id render-id mask)}

frontend/src/app/main/ui/shapes/text.cljs

@@ -208,7 +208,7 @@
                      :height (if (#{:auto-height :auto-width} grow-type) 100000 height)
                      :style (-> (obj/new) (attrs/add-layer-props shape))
                      :ref ref}
-     ;; We use a class here because react has a bug that won't use the appropiate selector for
+     ;; We use a class here because react has a bug that won't use the appropriate selector for
      ;; `background-clip`
      [:style ".text-node { background-clip: text;
                            -webkit-background-clip: text;" ]