refactor: remove gap.scss and inline gap classes

delete the standalone gap.scss utility file, remove its import from src/static/scss/index.scss, and update all component templates to replace predefined gap-* classes with inline gap-[px] notation

src/static/scss/gap.scss

@@ -1,35 +0,0 @@
-.gap-2 {
-  gap: 2px;
-}
-
-.gap-4 {
-  gap: 4px;
-}
-
-.gap-6 {
-  gap: 6px;
-}
-
-.gap-8 {
-  gap: 8px;
-}
-
-.gap-10 {
-  gap: 10px;
-}
-
-.gap-12 {
-  gap: 12px;
-}
-
-.gap-16 {
-  gap: 16px;
-}
-
-.gap-20 {
-  gap: 20px;
-}
-
-.gap-24 {
-  gap: 24px;
-}

src/static/scss/index.scss

@@ -19,4 +19,3 @@
 @import "./white-space.scss";
 @import "./min-height.scss";
 @import "./min-width.scss";
-@import "./gap.scss";