Cleaned up the chromebooks view; Reorganized the admin view; Added functionality to import students and staff (still need to add/test functionality to edit them and delete them).

imports/ui/GridTable.svelte

@@ -130,21 +130,23 @@
 	</tr>
 	</thead>
 	<tbody>
-	{#each $rows as row (rowKey(row))}
-		<tr data-key="{rowKey(row)}" class:hidden={row === $edited} on:mousedown={(e) => selectRow(e, row)} on:dblclick={(e) => {$edited = row}}>
-			{#each columns as column}
-				{#if column.isActions}
-					<td>
-						{#each column.rowWidgets as widget}
-							<span class="material-icons material-symbols-outlined" on:click={widget.action(row)}>{widget.icon}</span>
-						{/each}
-					</td>
-				{:else}
-					<td>{column.value(row)}</td>
-				{/if}
-			{/each}
-		</tr>
-	{/each}
+	{#if rows}
+		{#each $rows as row (rowKey(row))}
+			<tr data-key="{rowKey(row)}" class:hidden={row === $edited} on:mousedown={(e) => selectRow(e, row)} on:dblclick={(e) => {$edited = row}}>
+				{#each columns as column}
+					{#if column.isActions}
+						<td>
+							{#each column.rowWidgets as widget}
+								<span class="material-icons material-symbols-outlined" on:click={widget.action(row)}>{widget.icon}</span>
+							{/each}
+						</td>
+					{:else}
+						<td>{column.value(row)}</td>
+					{/if}
+				{/each}
+			</tr>
+		{/each}
+	{/if}
 	</tbody>
 </table>
 <!--<button on:click={() => {$edited = null}} type="button">Stop Editing</button>-->