Remove React Router's useNavigate dependency

[vgeorge]

Related Ticket: Contributes to #1108

This aims to ensure catalog filters work correctly in Next.js.

Description of Changes

Removes the usage of React Router's useNavigate hook in the library to make it more agnostic of routing frameworks, allowing it to work better with Next.js instances.

Changes included:

• Added a custom commit function to useQsStateCreator. It appears this was the only place where the useNavigate function was effectively in use. I tried using the default commit function from the qs-state-hook library, but it doesn't work with Next.js
• Formatted the touched files

Validation / Testing

Using veda-config:

1. Visit the data catalog page
2. Click on filters, and URL params are updated as usual
3. Reload the page with filters selected; the filter panel is populated as expected
4. Repeat the steps on the Exploration and Stories pages

Using next-veda-ui instance:

1. Link the source of this PR to the Next.js instance using the instructions in veda-ui/docs/development/REGISTRY.md
2. Replace the file app/(datasets)/data-catalog/catalog.tsx (this avoids build errors caused by type issues)

'use client';
import React from 'react';
import { CatalogView, useFiltersWithQS } from '@lib';
import { usePathname } from 'next/navigation';
import Link from 'next/link';

export default function Catalog({ datasets }: { datasets: any }) {
  const pathname = usePathname();
  const controlVars = useFiltersWithQS();

  return (
    <CatalogView
      datasets={datasets}
      onFilterChanges={() => controlVars}
      pathname={pathname}
      linkProperties={{
        LinkElement: Link,
        pathAttributeKeyName: 'href',
      }}
    />
  );
}

3. Access http://localhost:3000/data-catalog. Filter changes are reflected in the URL, and reloading populates the filter panel as expected

This is ready for review.

[netlify]

✅ Deploy Preview for veda-ui ready!

Name	Link
🔨 Latest commit	34d878f
🔍 Latest deploy log	https://app.netlify.com/sites/veda-ui/deploys/673f3e8e1186fd0008b7241a
😎 Deploy Preview	https://deploy-preview-1270--veda-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[dzole0311]

Looks good to me @vgeorge

Did some (smoke) tests using the standalone veda ui:

1. Filters + search query work and are persisted as before in the Data Catalog
2. Clearing them all works
3. Smoke tested the routing via clicking on the "Explore Data" works as before (opens the E&A with the applied filter)
4. Smoke tested the catalog in the E&A
5. Hard reloading works as before

Same for the next.js instance (except the step 3 above, we don't have the Explore buttons yet)