Chore: Cleaned up imports to use Modules.

Feature: Added an eslint rule to sort component imports

bookie/eslint.config.js

@@ -5,6 +5,7 @@ const angular = require("angular-eslint");
 const eslintConfigPrettier = require("eslint-config-prettier");
 const pluginImport = require("eslint-plugin-import");
 const unusedImports = require("eslint-plugin-unused-imports");
+const sortImports = require("./eslint-plugin-sort-component-imports");
 
 module.exports = tseslint.config(
   {
@@ -20,6 +21,7 @@ module.exports = tseslint.config(
     plugins: {
       unusedImports: unusedImports,
       import: pluginImport,
+      sortImports: sortImports,
     },
     rules: {
       "@angular-eslint/directive-selector": [
@@ -61,7 +63,8 @@ module.exports = tseslint.config(
       ],
       "unusedImports/no-unused-imports": "error",
       "@typescript-eslint/no-empty-function": "off",
-      "import/no-deprecated": "warn"
+      "import/no-deprecated": "warn",
+      "sortImports/sort-component-imports": "error",
 },
   },
   {