add created at column

frontend/src/components/AsideMenuItem.tsx

@@ -85,7 +85,7 @@ const AsideMenuItem = ({ item, isDropdownList = false }: Props) => {
   ].join(' ');
 
   return (
-    <li className={'px-3 py-1.5'}>
+    <li className={'px-2 py-1'}>
       {item.withDevider && <hr className={`${borders} mb-3`} />}
       {item.href && (
         <Link href={item.href} target={item.target} className={componentClass}>

frontend/src/components/AsideMenuLayer.tsx

@@ -34,10 +34,10 @@ export default function AsideMenuLayer({
   return (
     <aside
       id='asideMenu'
-      className={`${className} zzz lg:py-2 lg:pl-2 w-60 fixed flex z-40 top-0 h-screen transition-position overflow-hidden`}
+      className={`${className} zzz lg:py-1 lg:pl-1 w-60 fixed flex z-40 top-0 h-screen transition-all overflow-hidden`}
     >
       <div
-        className={`flex-1 flex flex-col overflow-hidden dark:bg-dark-900 ${asideStyle}`}
+          className={`flex-1 flex flex-col overflow-hidden bg-gray-200 dark:bg-dark-900 ${asideStyle}`}
       >
         <div
           className={`flex flex-row h-14 items-center justify-between ${asideBrandStyle}`}

frontend/src/components/Instructors/configureInstructorsCols.tsx

@@ -73,6 +73,18 @@ export const loadColumns = async (
 
       editable: hasUpdatePermission,
     },
+    {
+      field: 'createdAt',
+      headerName: 'Created At',
+      flex: 1,
+      minWidth: 120,
+      filterable: false,
+      headerClassName: 'datagrid--header',
+      cellClassName: 'datagrid--cell',
+      valueFormatter: ({ value }) => new Date(value).toLocaleString(),
+      editable: false,
+    },
+
 
     {
       field: 'courses',

frontend/src/components/Search.tsx

@@ -36,7 +36,7 @@ const Search = () => {
             id='search'
             name='search'
             validate={validateSearch}
-            placeholder='Search'
+            placeholder='Search app...'
             className={` ${corners} dark:bg-dark-900 ${cardsStyle}   dark:border-dark-700 p-2 relative ml-2 w-full dark:placeholder-dark-600 ${focusRing} shadow-none`}
           />
           {errors.search && touched.search && values.search.length < 2 ? (