Added more potential for liquid formatting and usecase discovery

frontend/src/App.jsx

@@ -15,7 +15,7 @@ import theme from "./theme";
 import Apps from "./views/Apps";
 import AppCreator from "./views/AppCreator";
 
-import Dashboard from "./views/Dashboard";
+import Dashboard from "./views/Dashboard.jsx";
 import AdminSetup from "./views/AdminSetup";
 import Admin from "./views/Admin";
 import Docs from "./views/Docs";

frontend/src/views/Dashboard.jsx

@@ -812,7 +812,7 @@ const Dashboard = (props) => {
 			</div>
 
 			{usecases !== null && usecases !== undefined && usecases.length > 0 ? 
-				<div style={{ display: "flex", marginLeft: 100,}}>
+				<div style={{ display: "flex", marginLeft: 120,}}>
 					{usecases.map((usecase, index) => {
 						return (
 							<Chip

frontend/src/views/GettingStarted.jsx

@@ -2191,7 +2191,7 @@ const GettingStarted = (props) => {
 								ele.style.borderWidth = "2px"
 
 							} else {
-								alert.success("TBD: Coming in version 1.0.0");
+								//alert.success("TBD: Coming in version 1.0.0");
 							}
 						}}>
 						workflows made by other creators</span>!
@@ -2211,7 +2211,7 @@ const GettingStarted = (props) => {
 						Learn to use Shuffle by&nbsp; 
 						<span style={{cursor: "pointer", color: "#f86a3e",}} onClick={() => {setModalOpen(true)}}>
 							creating your first workflow 
-						</span> and <Link to="/docs" style={{textDecoration: "none", color: "#f86a3e",}}>reading the docs.</Link>
+						</span> and <Link to="/docs/getting_started" style={{textDecoration: "none", color: "#f86a3e",}}>reading the docs.</Link>
 					</Typography>
 				),
 				tutorial: "learn_shuffle",

frontend/src/views/SettingsPage.jsx

@@ -733,7 +733,7 @@ const Settings = (props) => {
   					{isCloud ?
 							<span>
 								<Typography variant="body1" color="textSecondary">
-									By connecting your Github account, you agree to our <a href="/docs/terms-of-service" target="_blank" style={{ textDecoration: "none", color: "#f86a3e"}}>Terms of Service</a>, and acknowledge that your non-sensitive data will be turned into a <a target="_blank" style={{ textDecoration: "none", color: "#f86a3e"}} href="https://shuffler.io/search?tab=creators">creator account</a>. This enables you to earn a passive income from Shuffle. This IS reversible.
+									By connecting your Github account, you agree to our <a href="/docs/terms_of_service" target="_blank" style={{ textDecoration: "none", color: "#f86a3e"}}>Terms of Service</a>, and acknowledge that your non-sensitive data will be turned into a <a target="_blank" style={{ textDecoration: "none", color: "#f86a3e"}} href="https://shuffler.io/search?tab=creators">creator account</a>. This enables you to earn a passive income from Shuffle. This IS reversible.
 								</Typography>
 								<Button
 									style={{ height: 40, marginTop: 10 }}

frontend/src/views/Workflows.jsx

@@ -2885,7 +2885,7 @@ const Workflows = (props) => {
     return (
       <div style={viewStyle}>
         <div style={workflowViewStyle}>
-          <div style={{ display: "flex" }}>
+          <div style={{ display: "flex", marginTop: 25, }}>
             <div style={{ flex: 1 }}>
 							<Typography variant="h1" style={{fontSize: 30}}>
               	Workflows
@@ -2994,9 +2994,9 @@ const Workflows = (props) => {
 												backgroundColor: filters.includes(usecase.name.toLowerCase()) ? usecase.color : theme.palette.surfaceColor,
 												borderRadius: theme.palette.borderRadius,
 												marginRight: index === usecases.length-1 ? 0 : 10, 
-												height: 65,
+												height: 60,
 												cursor: "pointer",
-												border: `1px solid ${usecase.color}`,
+												border: `2px solid ${usecase.color}`,
 												overflow: "hidden",
 												padding: 10,
 											}}
@@ -3017,7 +3017,7 @@ const Workflows = (props) => {
 													{usecase.name}
 												</Typography>
 												<Typography variant="body2" color="textSecondary">
-													Finished: {usecase.matches.length}/{usecase.list.length}
+													In use: {usecase.matches.length}/{usecase.list.length}
 												</Typography>
 											</a>
 										</Paper>