feat(FR-1318): add button to start model service after cloning folder (#4062)

Resolves #4048 ([FR-1318](https://lablup.atlassian.net/browse/FR-1318))

## Summary

Adds a "Run This Model" button to the ModelCardModal that enables users to start model services immediately after cloning folders if no cloned folder exists. The implementation includes smart folder management, validation, and user confirmation workflows.

## Changes

### Core Implementation

- **ModelTryContentButton**: Enhanced component with folder cloning and service creation workflow
    - Removed `modelCardMetadata` dependency for cleaner
interface
    - Added folder existence checking and validation logic
    - Implemented smart workflow: clone folder → validate
files → create service
    - Added proper error handling and user confirmation
dialogs

### Key Features

- **Smart Folder Management**: Detects existing folders vs.
new cloning needs
- **File Validation**: Checks for required
`service-definition.toml` and `model-definition.yaml` files
- **User Confirmation**: Modal dialogs for cloning and
using existing folders
- **Background Tasks**: Progress tracking with
notifications for clone and service operations
- **Error Handling**: User-friendly error messages when
files are missing or operations fail

### UI Integration

- **ModelCardModal**: Re-enabled ModelTryContentButton in
modal footer
- **Internationalization**: Added translation keys across
all language files

## Technical Details

The component now follows this workflow:

1. Check if similar named folder exists using GraphQL query
with filters
2. If no folder exists → Confirm clone → Clone folder →
Validate service definition → Create service
3. If folder exists → Confirm use existing → Validate
service definition → Create service
4. Show progress notifications throughout the process

## Test Plan

> Endpoint: 10.100.6.113

- [ ] Verify "Run This Model" button appears in
ModelCardModal
- [ ] Test cloning workflow when no similar folder exists
- [ ] Test using existing folder workflow
- [ ] Verify service-definition.toml validation
- [ ] Check error handling for missing files
- [ ] Confirm progress notifications work properly
- [ ] Test across different language localizations

[FR-1318]: https://lablup.atlassian.net/browse/FR-1318?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: agatha197

react/src/components/FolderExplorerModal.tsx

@@ -44,6 +44,15 @@ export interface FolderExplorerElement extends HTMLDivElement {
   handleUpload: (name: 'file' | 'folder') => void;
 }
 
+export interface FileItem {
+  name: string;
+  type: string;
+  size: number;
+  mode: string;
+  created: string;
+  modified: string;
+}
+
 interface FolderExplorerProps extends BAIModalProps {
   vfolderID: string;
   onRequestClose: () => void;

react/src/components/ModelCardModal.tsx

@@ -1,9 +1,10 @@
 import { ModelCardModalFragment$key } from '../__generated__/ModelCardModalFragment.graphql';
 import { useBackendAIImageMetaData } from '../hooks';
 import { useModelCardMetadata } from '../hooks/useModelCardMetadata';
+import ErrorBoundaryWithNullFallback from './ErrorBoundaryWithNullFallback';
 import ModelCardChat from './ModelCardChat';
 import ModelCloneModal from './ModelCloneModal';
-// import ModelTryContentButton from './ModelTryContentButton';
+import ModelTryContentButton from './ModelTryContentButton';
 import ResourceNumber from './ResourceNumber';
 import { BankOutlined, FileOutlined, CopyOutlined } from '@ant-design/icons';
 import {
@@ -17,6 +18,7 @@ import {
   Typography,
   theme,
   Skeleton,
+  Tooltip,
 } from 'antd';
 import { BAIFlex, BAIModal, BAIModalProps } from 'backend.ai-ui';
 import dayjs from 'dayjs';
@@ -112,16 +114,20 @@ const ModelCardModal: React.FC<ModelCardModalProps> = ({
             : '90%'
       }
       footer={[
-        // FIXME: ModelTryContentButton is not working properly
-        // It should be fixed in the future.
         // This button is used to clone-and-create/create the model service with the content of the model card.
-        /*<ModelTryContentButton
-          vfolderNode={model_card?.vfolder_node || null}
-          modelStorageHost={model_card?.vfolder?.host as string}
-          modelCardMetadata={model || null}
-          modelName={model_card?.name as string}
-          key="try"
-        />,*/
+        <ErrorBoundaryWithNullFallback key="model-try-content-button">
+          <Suspense
+            fallback={
+              <Tooltip title={t('modelStore.CheckingSettings')}>
+                <Button loading disabled />
+              </Tooltip>
+            }
+          >
+            <ModelTryContentButton
+              vfolderNode={model_card?.vfolder_node || null}
+            />
+          </Suspense>
+        </ErrorBoundaryWithNullFallback>,
         <Button
           key="clone"
           type="primary"