tweak to copyedit and full string search

frontend/src/pages/About.tsx

@@ -3,8 +3,6 @@ function About() {
   return (
     <div className="about page-outer">
       <div>
-        <h2 className="text-xl">Hi,</h2>
-        <h2 className="text-xl">I am Fred.</h2>
         <h2 className="text-xl">I made this app using the following components:</h2>
         <h2 className="mt-4 font-bold text-xl">Frontend:</h2>
         <ul><li>React</li><li>TypeScript</li><li>Vite</li></ul>

frontend/src/pages/AddRecipe.tsx

@@ -93,7 +93,7 @@ function AddRecipe() {
           <div>
             <label htmlFor="cookTime" className="mr-2 font-bold">Cook Time:</label>
             <input
-              type="text"
+              type="number"
               placeholder="cook time in minutes"
               className="recipe-cusine p-2 border border-gray-300 rounded w-24"
               value={cookMinutes}

frontend/src/pages/Index.tsx

@@ -73,7 +73,7 @@ function AllRecipes() {
         <div className="recipe-outer bg-amber-100 p-4 md:p-8 lg:p-12">
           <div className="recipes-grid grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8">
             {filteredRecipes.map((recipe) => (
-              recipe.name.toLowerCase().startsWith(searchQuery) &&
+              recipe.name.toLowerCase().includes(searchQuery.toLowerCase()) &&
               <CookbookRecipeTile recipe={recipe} key={recipe.id} handleDelete={handleDelete} />
             ))}
           </div>