AEB-55 / Добавлены лого и иконки

frontend/components/ui/LoadingSpinner.tsx

@@ -3,8 +3,8 @@
 import React from 'react'
 
 interface LoadingSpinnerProps {
-  progress?: number // 0-100
-  size?: number // diameter in pixels
+  progress?: number  
+  size?: number  
   strokeWidth?: number
   className?: string
 }
@@ -22,8 +22,7 @@ const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({
 
   return (
     <div className={`flex flex-col items-center justify-center ${className}`}>
-      <div className="relative" style={{ width: size, height: size }}>
-        {/* Background circle */}
+      <div className="relative" style={{ width: size, height: size }}> 
         <svg
           className="transform -rotate-90"
           width={size}
@@ -37,8 +36,7 @@ const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({
             stroke="rgba(255, 255, 255, 0.1)"
             strokeWidth={strokeWidth}
             fill="transparent"
-          />
-          {/* Progress circle */}
+          /> 
           <circle
             cx={size / 2}
             cy={size / 2}
@@ -52,16 +50,14 @@ const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({
             className="transition-all duration-300 ease-out"
           />
         </svg>
-        
-        {/* Percentage text */}
+         
         <div className="absolute inset-0 flex items-center justify-center">
           <span className="text-white text-xl font-semibold">
             {Math.round(progress)}%
           </span>
         </div>
       </div>
-      
-      {/* Loading text */}
+       
       <div className="mt-4 text-white text-base font-medium">
         Loading Model...
       </div>