Link included feeds to instance feed directory

Author: gildesmarais

frontend/src/__tests__/App.test.tsx

@@ -400,6 +400,7 @@ describe('App', () => {
   });
 
   it('shows the utility links in a user-focused order', () => {
+    window.history.replaceState({}, '', 'http://localhost:3000/#result');
     render(<App />);
 
     fireEvent.click(screen.getByRole('button', { name: 'More' }));
@@ -419,7 +420,7 @@ describe('App', () => {
     );
     expect(screen.getByRole('link', { name: 'Try included feeds' })).toHaveAttribute(
       'href',
-      'https://html2rss.github.io/web-application/how-to/use-included-configs/'
+      'https://html2rss.github.io/feed-directory/#!url=http%3A%2F%2Flocalhost%3A3000%2F'
     );
     expect(screen.getByRole('link', { name: 'Install from Docker Hub' })).toHaveAttribute(
       'href',

frontend/src/components/AppPanels.tsx

@@ -255,6 +255,16 @@ export function UtilityStrip({
   onClearToken,
 }: UtilityStripProps) {
   const [isOpen, setIsOpen] = useState(false);
+  const includedFeedsHref = (() => {
+    const directoryUrl = new URL('https://html2rss.github.io/feed-directory/');
+    if (typeof window === 'undefined') return directoryUrl.toString();
+
+    const instanceUrl = new URL(window.location.href);
+    instanceUrl.search = '';
+    instanceUrl.hash = '';
+    directoryUrl.hash = `!url=${encodeURIComponent(instanceUrl.toString())}`;
+    return directoryUrl.toString();
+  })();
 
   if (hidden) return null;
 
@@ -271,7 +281,7 @@ export function UtilityStrip({
       {isOpen && (
         <div class="utility-strip__items">
           <a
-            href="https://html2rss.github.io/web-application/how-to/use-included-configs/"
+            href={includedFeedsHref}
             target="_blank"
             rel="noopener noreferrer"
             class="utility-link"