add style for branch search warning

Author: neel1996

ui/src/Components/DashBoard/Repository/RepoComponents/RepoDetails/RepoDetailBackdrop/BranchListComponent.js

@@ -379,7 +379,10 @@ export default function BranchListComponent({ repoId, currentBranch }) {
             })
           ) : (
             <div className="text-center font-sans font-light text-xl my-2 text-gray-600 border-b border-dotted">
-              {branchSearchTerm.concat(" branch not available!")}
+              <span className="mx-2 font-semibold border-b border-dashed">
+                {branchSearchTerm}
+              </span>
+              branch is not available!
             </div>
           )
         ) : (

ui/src/Components/DashBoard/Repository/RepoComponents/RepositoryAction.js

@@ -324,8 +324,11 @@ export default function RepositoryAction() {
           });
         } else {
           return (
-            <div className="text-center font-sans font-light text-xl my-2 text-gray-600 border-b border-dotted">
-              {searchBranchValue.concat(" branch not available!")}
+            <div className="text-center font-sans font-light text-base my-2 text-indigo-800 border-b border-dotted">
+              <span className="mx-1 font-semibold border-b border-dashed">
+                {searchBranchValue}
+              </span>
+              branch is not available!
             </div>
           );
         }