styles changes

app/Components/Global/Information/information.tsx

@@ -3,20 +3,23 @@ interface InformationProps {
 }
 
 export default function Information(props: InformationProps) {
-  const entries = Object.entries(props).filter(([_, value]) => value !== undefined);
+  const entries = Object.entries(props).filter(
+    ([_, value]) => value !== undefined
+  );
 
-  if (entries.length === 0) return null; 
+  if (entries.length === 0) return null;
 
   return (
     <div className="information">
-      <ul>
+      <ul className="informationList">
         {entries.map(([key, value]) => (
-          <li key={key}>
-            <b>{key}: </b>{value}
+          <li key={key} className="informationItem">
+            <span className="informationKey">{key}</span>
+            <span className="informationValue">{value}</span>
           </li>
         ))}
       </ul>
     </div>
   );
-} 
-//IO
+}
+//IO