HOW TO SET A LANDING PAGE TO A CLICKABLE FOLDER

Site URL: https://zionlacroix.com/

Hello, this is my first thread. I am starting this, cause I couldn't find something similar to my problem.
 

In my website, I have a dropdown menu in folders as Shorts: and Works:
When you hover on those folders, the menu is dropping down.
I want to keep this feature + Make those folders clickable + When I click on those folders I want to have a different page where you can see all the titles together.

***In the thread where I'm coming from, we used this code to make those folders clickable:

Add the following to Settings > Advanced > Code Injection > HEADER. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Settings > Advanced > Code Injection > FOOTER.

<script>

  $( ( ) => {
  
    // restore folder title navigation for v7.1 site
    
    $( '.header-nav-folder-title' ).each ( function ( ) {
    
      let $this = $( this );
      
      let $thisClone = $this.clone ( );
      
      $this.replaceWith ( $thisClone );
      
      } );
      
    } );
    
  </script>

This code makes folder clickable but when I click, it directs me to the first title in the dropdown menu, instead I want to have a different page when I click on folder.
Is it possible? Can you help me through this?
Ps: Sorry for my english.

Best.

Hi. Have you found the code yet?