add config-dir variable and change load-path to use it

settings/version-control-settings.el

@@ -21,7 +21,7 @@
 ;;; Code:
 ;; see also Diff-Hl (diff-hl-mode) to see VC diff highlighting in fringes.
 (use-package magit
-  :load-path "lisp/magit"
+  :load-path (lambda() (concat config-dir "lisp/magit"))
   :bind (("C-c M-g" . magit-file-dispatch))
   :config
   ;; (setq magit-completing-read-function 'magit-builtin-completing-read)   ;; if ivy-mode is on then it uses it otherwise set to 'ivy-completing-read
@@ -50,7 +50,7 @@
   :after (magit org))
 
 (use-package diff-hl
-  :load-path "lisp/diff-hl"
+  :load-path (lambda() (concat config-dir "lisp/diff-hl"))
   :hook (((prog-mode vc-dir-mode org-mode) . turn-on-diff-hl-mode)
          (magit-pre-refresh . diff-hl-magit-pre-refresh)
          (magit-post-refresh . diff-hl-magit-post-refresh))