fix(svelte): background lines

packages/svelte/src/lib/plugins/Background/DotPattern.svelte

@@ -10,5 +10,5 @@
   cx={radius}
   cy={radius}
   r={radius}
-  class={cc(['svelte-flow__background-pattern', 'dot', className])}
+  class={cc(['svelte-flow__background-pattern', 'dots', className])}
 />

packages/system/src/styles/init.css

@@ -276,14 +276,14 @@
 }
 
 .xy-flow__background-pattern {
-  &.dot {
+  &.dots {
     fill: var(
       --background-pattern-color-props,
       var(--background-pattern-color, var(--background-pattern-dot-color-default))
     );
   }
 
-  &.line {
+  &.lines {
     stroke: var(
       --background-pattern-color-props,
       var(--background-pattern-color, var(--background-pattern-line-color-default))