|  |  | @ -29,7 +29,8 @@ const FileManager = () => { | 
			
		
	
		
		
			
				
					
					|  |  |  |           {/* ? pageTitle & searchbox */} |  |  |  |           {/* ? pageTitle & searchbox */} | 
			
		
	
		
		
			
				
					
					|  |  |  |           <div className="flex flex-row justify-between"> |  |  |  |           <div className="flex flex-row justify-between"> | 
			
		
	
		
		
			
				
					
					|  |  |  |             {/* ? pageTitle */} |  |  |  |             {/* ? pageTitle */} | 
			
		
	
		
		
			
				
					
					|  |  |  |             <TitleSubtitle /> |  |  |  |             <TitleSubtitle titleBorderClassName={"ml-2"} /> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |             {/* ? searchbox */} |  |  |  |             {/* ? searchbox */} | 
			
		
	
		
		
			
				
					
					|  |  |  |             <div className="self-end"> |  |  |  |             <div className="self-end"> | 
			
		
	
		
		
			
				
					
					|  |  |  |               <SearchBox |  |  |  |               <SearchBox | 
			
		
	
	
		
		
			
				
					|  |  | @ -50,7 +51,7 @@ const FileManager = () => { | 
			
		
	
		
		
			
				
					
					|  |  |  |             <div className="flex flex-row item-center justify-between"> |  |  |  |             <div className="flex flex-row item-center justify-between"> | 
			
		
	
		
		
			
				
					
					|  |  |  |               {/* ? pageTitle */} |  |  |  |               {/* ? pageTitle */} | 
			
		
	
		
		
			
				
					
					|  |  |  |               <div className="flex-1"> |  |  |  |               <div className="flex-1"> | 
			
		
	
		
		
			
				
					
					|  |  |  |                 <TitleSubtitle /> |  |  |  |                 <TitleSubtitle titleBorderClassName={"ml-2"} /> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |               </div> |  |  |  |               </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |               {/* buttons */} |  |  |  |               {/* buttons */} | 
			
		
	
		
		
			
				
					
					|  |  |  |               <div className="flex flex-row item-center justify-between self-center gap-2"> |  |  |  |               <div className="flex flex-row item-center justify-between self-center gap-2"> | 
			
		
	
	
		
		
			
				
					|  |  | @ -99,10 +100,11 @@ const FileManager = () => { | 
			
		
	
		
		
			
				
					
					|  |  |  |       </div> |  |  |  |       </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |       {/* left Section */} |  |  |  |       {/* left Section */} | 
			
		
	
		
		
			
				
					
					|  |  |  |       <div className="w-3/12 py-5 flex flex-col"> |  |  |  |       <div className="w-3/12 py-5 flex flex-col"> | 
			
		
	
		
		
			
				
					
					|  |  |  |         <TitleSubtitle subTitle={false} /> |  |  |  |         <TitleSubtitle subTitle={false} titleBorderClassName={"ml-2"} /> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |         <SemiDonut /> |  |  |  |         <SemiDonut /> | 
			
		
	
		
		
			
				
					
					|  |  |  |         <div className="px-4" style={{ marginTop: "-113px" }}> |  |  |  |         <div className="px-4" style={{ marginTop: "-113px" }}> | 
			
		
	
		
		
			
				
					
					|  |  |  |           <TitleSubtitle subTitle={false} /> |  |  |  |           <TitleSubtitle subTitle={false} titleBorderClassName={"ml-2"} /> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |           <div className="flex flex-col items-center justify-center"> |  |  |  |           <div className="flex flex-col items-center justify-center"> | 
			
		
	
		
		
			
				
					
					|  |  |  |             {/* {[0, 1, 2].map((item, index) => ( |  |  |  |             {/* {[0, 1, 2].map((item, index) => ( | 
			
		
	
		
		
			
				
					
					|  |  |  |               <CardHolder /> |  |  |  |               <CardHolder /> | 
			
		
	
	
		
		
			
				
					|  |  | 
 |