[chore-245] use appropriate hook everywhere

src/renderer/components/shared/bsm-link.component.tsx

@@ -1,3 +1,4 @@
+import { useService } from "renderer/hooks/use-service.hook";
 import { LinkOpenerService } from "renderer/services/link-opener.service";
 
 type Props = {
@@ -9,7 +10,8 @@ type Props = {
 };
 
 export function BsmLink({ className, href, children, style, internal }: Props) {
-    const linkOpener = LinkOpenerService.getInstance();
+    
+    const linkOpener = useService(LinkOpenerService);
 
     const openLink = () => {
         if (!href) {

src/renderer/components/shared/iframe-view.component.tsx

@@ -2,10 +2,11 @@ import { AnimatePresence, motion } from "framer-motion";
 import { useRef } from "react";
 import { useClickOutside } from "renderer/hooks/use-click-outside.hook";
 import { useObservable } from "renderer/hooks/use-observable.hook";
+import { useService } from "renderer/hooks/use-service.hook";
 import { LinkOpenerService } from "renderer/services/link-opener.service";
 
 export function BsmIframeView() {
-    const linkService = LinkOpenerService.getInstance();
+    const linkService = useService(LinkOpenerService);
 
     const iframeUrl = useObservable(linkService.iframeLink$);
     const ref = useRef(null);