crop rotaion cration page and component neame modified

Soil Analyzer and Optimized Crop Finder - IT20233808/RP-MobileAPP-FE/App.js

@@ -5,7 +5,7 @@ import TestWithButton from './components/recomendationComponentsBySoil/TestWithB
 import SoilDataOptions from './components/recomendationComponentsBySoil/SoilDataOptions';
 import ManualSoilData from './components/recomendationComponentsBySoil/ManualSoilData';
 import MostSutaibleCrops from './components/recomendationComponentsBySoil/MostSutaibleCrops';
-import CropRotaionPlan from './components/cropRotationPlanner/cropRotationCreation';
+import CreateCropRotaionPlan from './components/cropRotationPlanner/cropRotationCreation';
 import HomePage from './components/common/Home';
 
 
@@ -20,7 +20,7 @@ export default function App() {
     <Stack.Screen name="Most Suitable Crops" component={MostSutaibleCrops}/>
     <Stack.Screen name="Add Soil Data Manually " component={ManualSoilData}/>
     <Stack.Screen name="TestWithButton" component={TestWithButton}/>
-    <Stack.Screen name="Crop Rotation Plan" component={CropRotaionPlan}/>
+    <Stack.Screen name="Crop Rotation Plan" component={CreateCropRotaionPlan}/>
     </Stack.Navigator>
     </NavigationContainer>
   );

Soil Analyzer and Optimized Crop Finder - IT20233808/RP-MobileAPP-FE/components/cropRotationPlanner/CropRotationCreation.js

 import React, { useState } from 'react';
 import { View, TextInput, TouchableOpacity, Text, StyleSheet, ImageBackground } from 'react-native';
 
-const CropRotaionPlan = ({navigation}) => {
+const CreateCropRotaionPlan = ({navigation}) => {
   
 
   return (
@@ -9,4 +9,4 @@ const CropRotaionPlan = ({navigation}) => {
   );
 };
 
-export default CropRotaionPlan;
\ No newline at end of file
+export default CreateCropRotaionPlan;
\ No newline at end of file