added the app library link when searched app not found in org

frontend/src/components/AppSelection.jsx

@@ -428,30 +428,56 @@ const AppSelection = props => {
             	            />
             	        </div>
             	    ) : null}
-            	    <Typography
+					{
-            	        variant="h4"
+						!isAppPage && (
-            	        style={{
+							<>
-            	            marginLeft: 8,
+							<Typography
-            	            marginTop: isMobile ? null : 40,
+							variant="h4"
-            	            marginRight: 30,
+							style={{
-            	            marginBottom: 0,
+								marginLeft: 8,
-            	        }}
+								marginTop: isMobile ? null : 40,
-            	        color="rgba(241, 241, 241, 1)"
+								marginRight: 30,
-            	    >
+								marginBottom: 0,
-            	        Find your apps
+							}}
-            	    </Typography>
+							color="rgba(241, 241, 241, 1)"
-            	    <Typography
+						>
-            	        variant="body2"
+							Find your apps
-            	        style={{
+						</Typography>
-            	            marginLeft: 8,
+						<Typography
-            	            marginTop: 10,
+							variant="body2"
-            	            marginRight: 30,
+							style={{
-            	            marginBottom: 40,
+								marginLeft: 8,
-            	        }}
+								marginTop: 10,
-            	        color="rgba(158, 158, 158, 1)"
+								marginRight: 30,
-            	    >
+								marginBottom: 40,
-            	        Select the apps you work with and we will connect them for you.
+							}}
-            	    </Typography>
+							color="rgba(158, 158, 158, 1)"
+						>
+							Select the apps you work with and we will connect them for you.
+							</Typography>
+							</>
+						)
+					}
+					{
+						isAppPage && (	
+							<div style={{marginBottom: 20}}>
+								<span
+								style={{
+									fontSize: 16,
+									color: "rgba(158, 158, 158, 1)",
+									fontFamily: "Inter",
+								}}
+							>
+								Your organization has no apps yet, select your starting apps here 
+								or discover more apps using the <span 
+								onClick={() => {
+									navigate("/apps2?tab=all_apps")
+								}}
+								style={{ color: "#FF8444", fontWeight: "medium", fontSize: 16, cursor:"pointer" }}>App Library</span>
+							</span>
+							</div>
+						)
+					}
             	    <Grid rowSpacing={1} columnSpacing={2} container >
             	        {appButtons.map((appData, index) => {
             	            // This is here due to a memory issue with setting apps properly