كيف أغير ظهور التاريخ بهذا الشكل ؟

أردت جلب معلومات الحصص من قاعدة البيانات لكني أرى ظهور التاريخ كما هو في قتاعدة البيانات ماهو السبب وكيف أغيره ؟

ثانيا هو يجلب لي جميع الحصص المسجلة في قاعد البيانات وأنا أريد أن أجلب فقط الحصص التي أنشأها المستخدم الحالي للتطبيق كيف أفعل ذلك ؟

شيفرة عرض جميع الحصص 

import React ,{useEffect,useState} from 'react';
import {View,Text,StyleSheet,TouchableOpacity,FlatList,SafeAreaView} from 'react-native';
import List from './compononts/list';
import axios from '../config/axios';
import Loader from './compononts/Loader';
import Inbut from './compononts/Inbut';
import {GETROOMS_URL} from '../config/urls';
import AsyncStorage from '@react-native-async-storage/async-storage';
function ListRoom(){
const [isLoading ,setLoading]=useState(false);
const [rooms ,setRooms]=useState([]);
const [selectedRoom,setSelect]=useState(null);

useEffect(()=>{
_getRooms();
},[]);


_getRooms=()=>{
(async()=>{
  setLoading(true);
 try{
 const token =await AsyncStorage.getItem('accessToken');
 axios.defaults.headers.common.Authorization=`JWT ${token}`;
const response =await axios.get(GETROOMS_URL);
setRooms(response.data);
setLoading(false);

 }catch(e){
setLoading(false);
 }
})();
}
const renderItem = ({item})=>{
return (
  <View style={stayles.container}>
<List
date={item.date}
>
</List>
</View>

)
}
const KeyExrtactor=item=>item.id.toString();
return(
<View style={stayles.container}>
 <Loader title="إحضار الحصص" loading={isLoading}></Loader>
 <SafeAreaView style={stayles.container}>
   {rooms.length !==0 ?(
<FlatList
 data={rooms}
 renderItem={renderItem}
 KeyExrtactor={KeyExrtactor}
>
</FlatList>
   ):<Text>لا يوجد حصص</Text>}
 </SafeAreaView>

</View>
)
};

const stayles=StyleSheet.create({
container:{
flex:1,
backgroundColor:'#E8EAED',
}
})
export default ListRoom;

backend.rar