Refactor authentication flow and improve code organization

The update implemented a redirect functionality in the multi-factor authentication flow for a better user experience. It also involved a refactoring of some parts of the code, substituting direct routing paths with path configs for easier future modifications. Import statements were adjusted for better code organization and readability.

packages/ui/src/makerkit/data-table.tsx

@@ -36,7 +36,7 @@ import {
   TableRow,
 } from '../shadcn/table';
 import { cn } from '../utils';
-import Trans from './trans';
+import { Trans } from './trans';
 
 interface ReactTableProps<T extends object> {
   data: T[];

packages/ui/src/makerkit/image-upload-input.tsx

@@ -49,6 +49,11 @@ export const ImageUploadInput = forwardRef<React.ElementRef<'input'>, Props>(
 
         if (files?.length) {
           const file = files[0];
+
+          if (!file) {
+            return;
+          }
+
           const data = URL.createObjectURL(file);
 
           setState({

packages/ui/src/makerkit/is-route-active.ts

@@ -14,7 +14,7 @@ export default function isRouteActive(
   depth: number,
 ) {
   // we remove any eventual query param from the route's URL
-  const currentRoutePath = currentRoute.split('?')[0];
+  const currentRoutePath = currentRoute.split('?')[0] ?? '';
 
   if (!isRoot(currentRoutePath) && isRoot(targetLink)) {
     return false;

packages/ui/src/makerkit/mdx/mdx-components.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from 'react';
 
 import Image from 'next/image';
 
-import { cn } from '../../shadcn';
+import { cn } from '../../utils';
 import { LazyRender } from '../lazy-render';
 
 const NextImage: React.FC<{

packages/ui/src/makerkit/mdx/mdx-renderer.tsx

@@ -2,6 +2,7 @@ import type { MDXComponents } from 'mdx/types';
 import { getMDXComponent } from 'next-contentlayer/hooks';
 
 import Components from './mdx-components';
+// @ts-ignore
 import styles from './mdx-renderer.module.css';
 
 export function Mdx({