refactor(sass): rename and move files from settings and tools fol…

…ders to `abstracts` folder

Steps:
- Rename `settings` folder to `variables`.
- Move the `contains` function to `abstracts/functions/` and updated imports to reflect this change.
- Move the `media` mixin to `abstracts/mixins/` and updated imports to reflect this change.
- Move `variables`, `functions`, and `mixins` to the `abstracts` folder for clearer organization.
- Update the main `styles.scss` to import all the necessary partials from the `abstracts` folder using `@forward`.
- Align the title of the header comments with the respective folder names for clarity.
- Separate the sections of sass variables by comments

src/assets/scss/tools/_tools-contains.scss → src/assets/scss/abstracts/functions/_abstracts-functions-contains.scss

@@ -1,4 +1,4 @@
-// TOOLS - FUNCTIONS
+// ABSTRACTS - FUNCTIONS
 // CONTAINS
 // =================================================
 @use "sass:list";

src/assets/scss/tools/_tools-media.scss → src/assets/scss/abstracts/mixins/_abstracts-mixins-media.scss

@@ -1,11 +1,11 @@
-// TOOLS - MIXINS
+// ABSTRACTS - MIXINS
 // MEDIA
 // =================================================
 @use "sass:map";
 @use "sass:math";
 @use "sass:meta";
-@use "../tools/tools-contains" as *;
-@use "../settings/settings-breakpoints" as *;
+@use "../functions/abstracts-functions-contains" as *;
+@use "../variables/abstracts-variables-breakpoints" as *;
 
 @mixin media($breakpoint, $rule: "max", $dimension: "width") {
 	$rules: "max", "min";

src/assets/scss/settings/_settings-breakpoints.scss → src/assets/scss/abstracts/variables/_abstracts-variables-breakpoints.scss

@@ -1,4 +1,4 @@
-// SETTINGS - VARIABLES
+// ABSTRACTS - VARIABLES
 // BREAKPOINTS
 // =================================================
 

src/assets/scss/settings/_settings-colors.scss → src/assets/scss/abstracts/variables/_abstracts-variables-colors.scss

@@ -1,4 +1,4 @@
-// SETTINGS - VARIABLES
+// ABSTRACTS - VARIABLES
 // COLORS
 // =================================================
 @use "sass:color";

src/assets/scss/settings/_settings-fonts.scss → src/assets/scss/abstracts/variables/_abstracts-variables-fonts.scss

@@ -1,4 +1,4 @@
-// SETTINGS - VARIABLES
+// ABSTRACTS - VARIABLES
 // FONTS
 // =================================================
 

src/assets/scss/styles.scss

@@ -1,13 +1,12 @@
 // PARTIALS SCSS
 // ===============================================================================
 
-// SETTINGS
+// ABSTRACTS
 // ----------------------------------------------------------------------
-@forward "settings/settings-breakpoints";
-@forward "settings/settings-colors";
-@forward "settings/settings-fonts";
-
-// TOOLS
-// ----------------------------------------------------------------------
-@forward "tools/tools-contains";
-@forward "tools/tools-media";
+@forward "abstracts/functions/abstracts-functions-contains";
+// -------------------
+@forward "abstracts/mixins/abstracts-mixins-media";
+// -------------------
+@forward "abstracts/variables/abstracts-variables-breakpoints";
+@forward "abstracts/variables/abstracts-variables-colors";
+@forward "abstracts/variables/abstracts-variables-fonts";